You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1152 lines
26 KiB
CSS
1152 lines
26 KiB
CSS
:root {
|
|
color-scheme: light;
|
|
--pf: 259 94% 44%;
|
|
--sf: 314 100% 40%;
|
|
--af: 174 75% 39%;
|
|
--nf: 214 20% 14%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 259 94% 51%;
|
|
--pc: 259 96% 91%;
|
|
--s: 314 100% 47%;
|
|
--sc: 314 100% 91%;
|
|
--a: 174 75% 46%;
|
|
--ac: 174 75% 11%;
|
|
--n: 214 20% 21%;
|
|
--nc: 212 19% 87%;
|
|
--b1: 0 0% 100%;
|
|
--b2: 0 0% 95%;
|
|
--b3: 180 2% 90%;
|
|
--bc: 215 28% 17%
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
color-scheme: dark;
|
|
--pf: 262 80% 43%;
|
|
--sf: 316 70% 43%;
|
|
--af: 175 70% 34%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 262 80% 50%;
|
|
--pc: 0 0% 100%;
|
|
--s: 316 70% 50%;
|
|
--sc: 0 0% 100%;
|
|
--a: 175 70% 41%;
|
|
--ac: 0 0% 100%;
|
|
--n: 213 18% 20%;
|
|
--nf: 212 17% 17%;
|
|
--nc: 220 13% 69%;
|
|
--b1: 212 18% 14%;
|
|
--b2: 213 18% 12%;
|
|
--b3: 213 18% 10%;
|
|
--bc: 220 13% 69%
|
|
}
|
|
}
|
|
[data-theme=light] {
|
|
color-scheme: light;
|
|
--pf: 259 94% 44%;
|
|
--sf: 314 100% 40%;
|
|
--af: 174 75% 39%;
|
|
--nf: 214 20% 14%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 259 94% 51%;
|
|
--pc: 259 96% 91%;
|
|
--s: 314 100% 47%;
|
|
--sc: 314 100% 91%;
|
|
--a: 174 75% 46%;
|
|
--ac: 174 75% 11%;
|
|
--n: 214 20% 21%;
|
|
--nc: 212 19% 87%;
|
|
--b1: 0 0% 100%;
|
|
--b2: 0 0% 95%;
|
|
--b3: 180 2% 90%;
|
|
--bc: 215 28% 17%
|
|
}
|
|
[data-theme=dark] {
|
|
color-scheme: dark;
|
|
--pf: 262 80% 43%;
|
|
--sf: 316 70% 43%;
|
|
--af: 175 70% 34%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 262 80% 50%;
|
|
--pc: 0 0% 100%;
|
|
--s: 316 70% 50%;
|
|
--sc: 0 0% 100%;
|
|
--a: 175 70% 41%;
|
|
--ac: 0 0% 100%;
|
|
--n: 213 18% 20%;
|
|
--nf: 212 17% 17%;
|
|
--nc: 220 13% 69%;
|
|
--b1: 212 18% 14%;
|
|
--b2: 213 18% 12%;
|
|
--b3: 213 18% 10%;
|
|
--bc: 220 13% 69%
|
|
}
|
|
[data-theme=cupcake] {
|
|
color-scheme: light;
|
|
--pf: 183 47% 52%;
|
|
--sf: 338 71% 71%;
|
|
--af: 39 84% 51%;
|
|
--nf: 280 46% 7%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--pc: 183 20% 13%;
|
|
--sc: 340 15% 16%;
|
|
--ac: 37 41% 13%;
|
|
--nc: 283 9% 81%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--p: 183 47% 59%;
|
|
--s: 338 71% 78%;
|
|
--a: 39 84% 58%;
|
|
--n: 280 46% 14%;
|
|
--b1: 24 33% 97%;
|
|
--b2: 27 22% 92%;
|
|
--b3: 23 14% 89%;
|
|
--bc: 280 46% 14%;
|
|
--rounded-btn: 1.9rem;
|
|
--tab-border: 2px;
|
|
--tab-radius: .5rem
|
|
}
|
|
[data-theme=bumblebee] {
|
|
color-scheme: light;
|
|
--pf: 50 94% 51%;
|
|
--sf: 41 74% 46%;
|
|
--af: 24 67% 52%;
|
|
--nf: 240 33% 7%;
|
|
--b2: 0 0% 93%;
|
|
--b3: 0 0% 86%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--bc: 146 0% 19%;
|
|
--ac: 23 34% 13%;
|
|
--nc: 247 7% 81%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 50 94% 58%;
|
|
--pc: 240 33% 14%;
|
|
--s: 41 74% 53%;
|
|
--sc: 240 33% 14%;
|
|
--a: 24 67% 59%;
|
|
--n: 240 33% 14%;
|
|
--b1: 0 0% 100%
|
|
}
|
|
[data-theme=emerald] {
|
|
color-scheme: light;
|
|
--pf: 141 50% 53%;
|
|
--sf: 219 96% 53%;
|
|
--af: 10 81% 49%;
|
|
--nf: 219 20% 18%;
|
|
--b2: 0 0% 93%;
|
|
--b3: 0 0% 86%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--btn-text-case: uppercase;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 141 50% 60%;
|
|
--pc: 151 28% 19%;
|
|
--s: 219 96% 60%;
|
|
--sc: 210 20% 98%;
|
|
--a: 10 81% 56%;
|
|
--ac: 210 20% 98%;
|
|
--n: 219 20% 25%;
|
|
--nc: 210 20% 98%;
|
|
--b1: 0 0% 100%;
|
|
--bc: 219 20% 25%;
|
|
--animation-btn: 0;
|
|
--animation-input: 0;
|
|
--btn-focus-scale: 1
|
|
}
|
|
[data-theme=corporate] {
|
|
color-scheme: light;
|
|
--pf: 229 96% 57%;
|
|
--sf: 215 26% 52%;
|
|
--af: 154 49% 53%;
|
|
--nf: 233 27% 6%;
|
|
--b2: 0 0% 93%;
|
|
--b3: 0 0% 86%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--pc: 243 100% 94%;
|
|
--sc: 216 13% 13%;
|
|
--ac: 151 21% 13%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--btn-text-case: uppercase;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 229 96% 64%;
|
|
--s: 215 26% 59%;
|
|
--a: 154 49% 60%;
|
|
--n: 233 27% 13%;
|
|
--nc: 210 38% 95%;
|
|
--b1: 0 0% 100%;
|
|
--bc: 233 27% 13%;
|
|
--rounded-box: 0.25rem;
|
|
--rounded-btn: .125rem;
|
|
--rounded-badge: .125rem;
|
|
--animation-btn: 0;
|
|
--animation-input: 0;
|
|
--btn-focus-scale: 1
|
|
}
|
|
[data-theme=synthwave] {
|
|
color-scheme: dark;
|
|
--pf: 321 70% 62%;
|
|
--sf: 197 87% 58%;
|
|
--af: 48 89% 50%;
|
|
--nf: 253 59% 13%;
|
|
--b2: 253 58% 8%;
|
|
--b3: 253 58% 1%;
|
|
--pc: 323 23% 15%;
|
|
--sc: 199 28% 14%;
|
|
--ac: 45 42% 13%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 321 70% 69%;
|
|
--s: 197 87% 65%;
|
|
--a: 48 89% 57%;
|
|
--n: 253 59% 20%;
|
|
--nc: 260 60% 98%;
|
|
--b1: 253 58% 15%;
|
|
--bc: 260 60% 98%;
|
|
--in: 199 87% 64%;
|
|
--inc: 257 63% 17%;
|
|
--su: 168 74% 68%;
|
|
--suc: 257 63% 17%;
|
|
--wa: 48 89% 57%;
|
|
--wac: 257 63% 17%;
|
|
--er: 352 74% 57%;
|
|
--erc: 260 60% 98%
|
|
}
|
|
[data-theme=retro] {
|
|
color-scheme: light;
|
|
--pf: 3 74% 69%;
|
|
--sf: 145 27% 65%;
|
|
--af: 24 67% 52%;
|
|
--nf: 340 7% 10%;
|
|
--inc: 239 85% 93%;
|
|
--suc: 126 38% 89%;
|
|
--wac: 29 59% 11%;
|
|
--erc: 11 100% 91%;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 3 74% 76%;
|
|
--pc: 345 5% 15%;
|
|
--s: 145 27% 72%;
|
|
--sc: 345 5% 15%;
|
|
--a: 24 67% 59%;
|
|
--ac: 345 5% 15%;
|
|
--n: 340 7% 17%;
|
|
--nc: 43 41% 88%;
|
|
--b1: 45 47% 80%;
|
|
--b2: 44 47% 73%;
|
|
--b3: 44 47% 68%;
|
|
--bc: 345 5% 15%;
|
|
--in: 221 83% 53%;
|
|
--su: 142 76% 36%;
|
|
--wa: 32 95% 44%;
|
|
--er: 0 72% 51%;
|
|
--rounded-box: 0.4rem;
|
|
--rounded-btn: 0.4rem;
|
|
--rounded-badge: 0.4rem
|
|
}
|
|
[data-theme=cyberpunk] {
|
|
color-scheme: light;
|
|
--pf: 345 100% 66%;
|
|
--sf: 195 80% 63%;
|
|
--af: 276 74% 64%;
|
|
--nf: 57 100% 6%;
|
|
--b2: 56 100% 43%;
|
|
--b3: 56 100% 36%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--bc: 53 46% 13%;
|
|
--pc: 348 27% 15%;
|
|
--sc: 196 23% 15%;
|
|
--ac: 277 22% 15%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
|
|
--p: 345 100% 73%;
|
|
--s: 195 80% 70%;
|
|
--a: 276 74% 71%;
|
|
--n: 57 100% 13%;
|
|
--nc: 56 100% 50%;
|
|
--b1: 56 100% 50%;
|
|
--rounded-box: 0;
|
|
--rounded-btn: 0;
|
|
--rounded-badge: 0;
|
|
--tab-radius: 0
|
|
}
|
|
[data-theme=valentine] {
|
|
color-scheme: light;
|
|
--pf: 353 74% 60%;
|
|
--sf: 254 86% 70%;
|
|
--af: 181 56% 63%;
|
|
--nf: 336 43% 41%;
|
|
--b2: 318 46% 82%;
|
|
--b3: 318 46% 75%;
|
|
--pc: 356 26% 14%;
|
|
--sc: 256 20% 15%;
|
|
--ac: 181 16% 15%;
|
|
--inc: 239 85% 93%;
|
|
--suc: 126 38% 89%;
|
|
--wac: 29 59% 11%;
|
|
--erc: 11 100% 91%;
|
|
--rounded-box: 1rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 353 74% 67%;
|
|
--s: 254 86% 77%;
|
|
--a: 181 56% 70%;
|
|
--n: 336 43% 48%;
|
|
--nc: 318 46% 89%;
|
|
--b1: 318 46% 89%;
|
|
--bc: 344 38% 28%;
|
|
--in: 221 83% 53%;
|
|
--su: 142 76% 36%;
|
|
--wa: 32 95% 44%;
|
|
--er: 0 72% 51%;
|
|
--rounded-btn: 1.9rem
|
|
}
|
|
[data-theme=halloween] {
|
|
color-scheme: dark;
|
|
--pf: 32 89% 45%;
|
|
--sf: 271 46% 35%;
|
|
--af: 91 100% 26%;
|
|
--nf: 31 81% 3%;
|
|
--b2: 0 0% 6%;
|
|
--b3: 0 0% 0%;
|
|
--bc: 145 0% 81%;
|
|
--sc: 275 36% 88%;
|
|
--nc: 26 11% 80%;
|
|
--inc: 239 85% 93%;
|
|
--suc: 126 38% 89%;
|
|
--wac: 29 59% 11%;
|
|
--erc: 11 100% 91%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 32 89% 52%;
|
|
--pc: 180 7% 8%;
|
|
--s: 271 46% 42%;
|
|
--a: 91 100% 33%;
|
|
--ac: 0 0% 0%;
|
|
--n: 31 81% 10%;
|
|
--b1: 0 0% 13%;
|
|
--in: 221 83% 53%;
|
|
--su: 142 76% 36%;
|
|
--wa: 32 95% 44%;
|
|
--er: 0 72% 51%
|
|
}
|
|
[data-theme=garden] {
|
|
color-scheme: light;
|
|
--pf: 331 100% 41%;
|
|
--sf: 334 37% 34%;
|
|
--af: 139 16% 36%;
|
|
--nf: 44 100% 1%;
|
|
--b2: 0 4% 84%;
|
|
--b3: 0 4% 77%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--pc: 346 100% 93%;
|
|
--sc: 340 30% 88%;
|
|
--ac: 136 12% 88%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 331 100% 48%;
|
|
--s: 334 37% 41%;
|
|
--a: 139 16% 43%;
|
|
--n: 44 100% 8%;
|
|
--nc: 0 4% 91%;
|
|
--b1: 0 4% 91%;
|
|
--bc: 0 3% 6%
|
|
}
|
|
[data-theme=forest] {
|
|
color-scheme: dark;
|
|
--pf: 141 72% 35%;
|
|
--sf: 164 73% 35%;
|
|
--af: 175 73% 35%;
|
|
--nf: 161 37% 8%;
|
|
--b2: 0 12% 1%;
|
|
--b3: 0 0% 0%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--bc: 360 1% 79%;
|
|
--sc: 158 32% 11%;
|
|
--ac: 172 31% 11%;
|
|
--nc: 157 7% 81%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 141 72% 42%;
|
|
--pc: 0 0% 0%;
|
|
--s: 164 73% 42%;
|
|
--a: 175 73% 42%;
|
|
--n: 161 37% 15%;
|
|
--b1: 0 12% 8%;
|
|
--rounded-btn: 1.9rem
|
|
}
|
|
[data-theme=aqua] {
|
|
color-scheme: dark;
|
|
--pf: 182 93% 42%;
|
|
--sf: 274 31% 50%;
|
|
--af: 47 100% 73%;
|
|
--nf: 205 54% 43%;
|
|
--b2: 219 53% 36%;
|
|
--b3: 219 53% 29%;
|
|
--bc: 228 38% 89%;
|
|
--sc: 276 17% 12%;
|
|
--ac: 46 19% 16%;
|
|
--nc: 212 51% 91%;
|
|
--inc: 239 85% 93%;
|
|
--suc: 126 38% 89%;
|
|
--wac: 29 59% 11%;
|
|
--erc: 11 100% 91%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 182 93% 49%;
|
|
--pc: 181 100% 17%;
|
|
--s: 274 31% 57%;
|
|
--a: 47 100% 80%;
|
|
--n: 205 54% 50%;
|
|
--b1: 219 53% 43%;
|
|
--in: 221 83% 53%;
|
|
--su: 142 76% 36%;
|
|
--wa: 32 95% 44%;
|
|
--er: 0 72% 51%
|
|
}
|
|
[data-theme=lofi] {
|
|
color-scheme: light;
|
|
--pf: 0 0% 0%;
|
|
--sf: 0 2% 3%;
|
|
--af: 0 0% 8%;
|
|
--nf: 0 0% 0%;
|
|
--btn-text-case: uppercase;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--p: 0 0% 5%;
|
|
--pc: 0 0% 100%;
|
|
--s: 0 2% 10%;
|
|
--sc: 0 0% 100%;
|
|
--a: 0 0% 15%;
|
|
--ac: 0 0% 100%;
|
|
--n: 0 0% 0%;
|
|
--nc: 0 0% 100%;
|
|
--b1: 0 0% 100%;
|
|
--b2: 0 0% 95%;
|
|
--b3: 0 2% 90%;
|
|
--bc: 0 0% 0%;
|
|
--in: 212 100% 48%;
|
|
--inc: 0 0% 100%;
|
|
--su: 137 72% 46%;
|
|
--suc: 0 0% 0%;
|
|
--wa: 5 100% 66%;
|
|
--wac: 0 0% 100%;
|
|
--er: 325 78% 49%;
|
|
--erc: 0 0% 100%;
|
|
--rounded-box: 0.25rem;
|
|
--rounded-btn: 0.125rem;
|
|
--rounded-badge: 0.125rem;
|
|
--animation-btn: 0;
|
|
--animation-input: 0;
|
|
--btn-focus-scale: 1;
|
|
--tab-radius: 0
|
|
}
|
|
[data-theme=pastel] {
|
|
color-scheme: light;
|
|
--pf: 284 22% 73%;
|
|
--sf: 352 70% 81%;
|
|
--af: 158 55% 74%;
|
|
--nf: 199 44% 54%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--bc: 146 0% 19%;
|
|
--pc: 284 4% 16%;
|
|
--sc: 352 7% 17%;
|
|
--ac: 158 10% 16%;
|
|
--nc: 200 19% 13%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 284 22% 80%;
|
|
--s: 352 70% 88%;
|
|
--a: 158 55% 81%;
|
|
--n: 199 44% 61%;
|
|
--b1: 0 0% 100%;
|
|
--b2: 210 20% 98%;
|
|
--b3: 216 12% 84%;
|
|
--rounded-btn: 1.9rem
|
|
}
|
|
[data-theme=fantasy] {
|
|
color-scheme: light;
|
|
--pf: 296 83% 18%;
|
|
--sf: 200 100% 30%;
|
|
--af: 31 94% 44%;
|
|
--nf: 215 28% 10%;
|
|
--b2: 0 0% 93%;
|
|
--b3: 0 0% 86%;
|
|
--in: 198 93% 60%;
|
|
--su: 158 64% 52%;
|
|
--wa: 43 96% 56%;
|
|
--er: 0 91% 71%;
|
|
--pc: 302 27% 85%;
|
|
--sc: 212 51% 90%;
|
|
--ac: 28 57% 12%;
|
|
--nc: 218 6% 82%;
|
|
--inc: 198 100% 12%;
|
|
--suc: 158 100% 10%;
|
|
--wac: 43 100% 11%;
|
|
--erc: 0 100% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 296 83% 25%;
|
|
--s: 200 100% 37%;
|
|
--a: 31 94% 51%;
|
|
--n: 215 28% 17%;
|
|
--b1: 0 0% 100%;
|
|
--bc: 215 28% 17%
|
|
}
|
|
[data-theme=wireframe] {
|
|
color-scheme: light;
|
|
--pf: 0 0% 65%;
|
|
--sf: 0 0% 65%;
|
|
--af: 0 0% 65%;
|
|
--nf: 0 0% 85%;
|
|
--bc: 146 0% 19%;
|
|
--pc: 145 0% 15%;
|
|
--sc: 145 0% 15%;
|
|
--ac: 145 0% 15%;
|
|
--nc: 145 0% 18%;
|
|
--inc: 263 100% 91%;
|
|
--suc: 105 32% 85%;
|
|
--wac: 58 21% 11%;
|
|
--erc: 17 100% 90%;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
|
|
--p: 0 0% 72%;
|
|
--s: 0 0% 72%;
|
|
--a: 0 0% 72%;
|
|
--n: 0 0% 92%;
|
|
--b1: 0 0% 100%;
|
|
--b2: 0 0% 93%;
|
|
--b3: 0 0% 87%;
|
|
--in: 240 100% 50%;
|
|
--su: 120 100% 25%;
|
|
--wa: 60 30% 50%;
|
|
--er: 0 100% 50%;
|
|
--rounded-box: 0.2rem;
|
|
--rounded-btn: 0.2rem;
|
|
--rounded-badge: 0.2rem;
|
|
--tab-radius: 0.2rem
|
|
}
|
|
[data-theme=black] {
|
|
color-scheme: dark;
|
|
--pf: 0 2% 13%;
|
|
--sf: 0 2% 13%;
|
|
--af: 0 2% 13%;
|
|
--bc: 145 0% 78%;
|
|
--pc: 0 1% 82%;
|
|
--sc: 0 1% 82%;
|
|
--ac: 0 1% 82%;
|
|
--nc: 0 0% 81%;
|
|
--inc: 263 100% 91%;
|
|
--suc: 105 32% 85%;
|
|
--wac: 58 45% 13%;
|
|
--erc: 17 100% 90%;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--p: 0 2% 20%;
|
|
--s: 0 2% 20%;
|
|
--a: 0 2% 20%;
|
|
--b1: 0 0% 0%;
|
|
--b2: 0 0% 5%;
|
|
--b3: 0 2% 10%;
|
|
--n: 0 1% 15%;
|
|
--nf: 0 2% 20%;
|
|
--in: 240 100% 50%;
|
|
--su: 120 100% 25%;
|
|
--wa: 60 100% 50%;
|
|
--er: 0 100% 50%;
|
|
--rounded-box: 0;
|
|
--rounded-btn: 0;
|
|
--rounded-badge: 0;
|
|
--animation-btn: 0;
|
|
--animation-input: 0;
|
|
--btn-text-case: lowercase;
|
|
--btn-focus-scale: 1;
|
|
--tab-radius: 0
|
|
}
|
|
[data-theme=luxury] {
|
|
color-scheme: dark;
|
|
--pf: 0 0% 93%;
|
|
--sf: 218 54% 11%;
|
|
--af: 319 22% 19%;
|
|
--nf: 28 100% 3%;
|
|
--pc: 146 0% 19%;
|
|
--sc: 227 12% 82%;
|
|
--ac: 322 9% 84%;
|
|
--inc: 205 27% 15%;
|
|
--suc: 88 35% 12%;
|
|
--wac: 52 28% 14%;
|
|
--erc: 3 31% 15%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 0 0% 100%;
|
|
--s: 218 54% 18%;
|
|
--a: 319 22% 26%;
|
|
--n: 28 100% 10%;
|
|
--nc: 44 100% 82%;
|
|
--b1: 240 10% 4%;
|
|
--b2: 270 4% 9%;
|
|
--b3: 270 2% 18%;
|
|
--bc: 37 67% 58%;
|
|
--in: 202 100% 70%;
|
|
--su: 89 62% 52%;
|
|
--wa: 54 69% 64%;
|
|
--er: 0 100% 72%
|
|
}
|
|
[data-theme=dracula] {
|
|
color-scheme: dark;
|
|
--pf: 326 100% 67%;
|
|
--sf: 265 89% 71%;
|
|
--af: 31 100% 64%;
|
|
--nf: 230 15% 23%;
|
|
--b2: 231 15% 11%;
|
|
--b3: 231 15% 4%;
|
|
--pc: 328 26% 15%;
|
|
--sc: 266 19% 16%;
|
|
--ac: 30 30% 15%;
|
|
--nc: 232 7% 85%;
|
|
--inc: 191 20% 16%;
|
|
--suc: 128 30% 14%;
|
|
--wac: 64 20% 15%;
|
|
--erc: 5 39% 14%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 326 100% 74%;
|
|
--s: 265 89% 78%;
|
|
--a: 31 100% 71%;
|
|
--n: 230 15% 30%;
|
|
--b1: 231 15% 18%;
|
|
--bc: 60 30% 96%;
|
|
--in: 191 97% 77%;
|
|
--su: 135 94% 65%;
|
|
--wa: 65 92% 76%;
|
|
--er: 0 100% 67%
|
|
}
|
|
[data-theme=cmyk] {
|
|
color-scheme: light;
|
|
--pf: 203 83% 53%;
|
|
--sf: 335 78% 53%;
|
|
--af: 56 100% 53%;
|
|
--nf: 0 0% 3%;
|
|
--b2: 0 0% 93%;
|
|
--b3: 0 0% 86%;
|
|
--bc: 146 0% 19%;
|
|
--pc: 207 32% 14%;
|
|
--sc: 344 100% 93%;
|
|
--ac: 54 41% 14%;
|
|
--nc: 145 0% 80%;
|
|
--inc: 194 26% 12%;
|
|
--suc: 295 30% 87%;
|
|
--wac: 24 46% 13%;
|
|
--erc: 12 100% 91%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 203 83% 60%;
|
|
--s: 335 78% 60%;
|
|
--a: 56 100% 60%;
|
|
--n: 0 0% 10%;
|
|
--b1: 0 0% 100%;
|
|
--in: 192 48% 52%;
|
|
--su: 291 48% 38%;
|
|
--wa: 25 85% 57%;
|
|
--er: 4 81% 56%
|
|
}
|
|
[data-theme=autumn] {
|
|
color-scheme: light;
|
|
--pf: 344 96% 21%;
|
|
--sf: 0 63% 51%;
|
|
--af: 27 56% 56%;
|
|
--nf: 22 17% 37%;
|
|
--b2: 0 0% 88%;
|
|
--b3: 0 0% 81%;
|
|
--bc: 145 0% 18%;
|
|
--pc: 2 46% 87%;
|
|
--sc: 6 87% 92%;
|
|
--ac: 27 25% 13%;
|
|
--nc: 21 15% 88%;
|
|
--inc: 188 26% 12%;
|
|
--suc: 161 25% 89%;
|
|
--wac: 28 55% 12%;
|
|
--erc: 8 100% 91%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 344 96% 28%;
|
|
--s: 0 63% 58%;
|
|
--a: 27 56% 63%;
|
|
--n: 22 17% 44%;
|
|
--b1: 0 0% 95%;
|
|
--in: 187 48% 50%;
|
|
--su: 165 34% 43%;
|
|
--wa: 30 84% 50%;
|
|
--er: 354 79% 49%
|
|
}
|
|
[data-theme=business] {
|
|
color-scheme: dark;
|
|
--pf: 210 64% 24%;
|
|
--sf: 200 13% 48%;
|
|
--af: 13 80% 53%;
|
|
--nf: 213 14% 9%;
|
|
--b2: 0 0% 6%;
|
|
--b3: 0 0% 0%;
|
|
--bc: 145 0% 80%;
|
|
--pc: 219 26% 86%;
|
|
--sc: 200 7% 12%;
|
|
--ac: 14 40% 13%;
|
|
--nc: 214 3% 81%;
|
|
--inc: 210 64% 91%;
|
|
--suc: 141 16% 12%;
|
|
--wac: 37 30% 13%;
|
|
--erc: 11 59% 89%;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 210 64% 31%;
|
|
--s: 200 13% 55%;
|
|
--a: 13 80% 60%;
|
|
--n: 213 14% 16%;
|
|
--b1: 0 0% 13%;
|
|
--in: 199 100% 42%;
|
|
--su: 144 31% 56%;
|
|
--wa: 39 64% 60%;
|
|
--er: 6 56% 43%;
|
|
--rounded-box: 0.25rem;
|
|
--rounded-btn: .125rem;
|
|
--rounded-badge: .125rem
|
|
}
|
|
[data-theme=acid] {
|
|
color-scheme: light;
|
|
--pf: 303 100% 43%;
|
|
--sf: 27 100% 43%;
|
|
--af: 72 98% 43%;
|
|
--nf: 238 43% 10%;
|
|
--b2: 0 0% 91%;
|
|
--b3: 0 0% 84%;
|
|
--bc: 145 0% 19%;
|
|
--pc: 302 100% 93%;
|
|
--sc: 25 62% 12%;
|
|
--ac: 73 44% 13%;
|
|
--nc: 248 11% 82%;
|
|
--inc: 217 36% 14%;
|
|
--suc: 145 23% 13%;
|
|
--wac: 50 42% 13%;
|
|
--erc: 15 100% 90%;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 303 100% 50%;
|
|
--s: 27 100% 50%;
|
|
--a: 72 98% 50%;
|
|
--n: 238 43% 17%;
|
|
--b1: 0 0% 98%;
|
|
--in: 210 92% 58%;
|
|
--su: 149 50% 58%;
|
|
--wa: 53 93% 57%;
|
|
--er: 1 100% 45%;
|
|
--rounded-box: 1.25rem;
|
|
--rounded-btn: 1rem;
|
|
--rounded-badge: 1rem
|
|
}
|
|
[data-theme=lemonade] {
|
|
color-scheme: light;
|
|
--pf: 89 96% 24%;
|
|
--sf: 60 81% 48%;
|
|
--af: 63 80% 81%;
|
|
--nf: 238 43% 10%;
|
|
--b2: 0 0% 93%;
|
|
--b3: 0 0% 86%;
|
|
--bc: 146 0% 19%;
|
|
--pc: 89 39% 87%;
|
|
--sc: 58 39% 13%;
|
|
--ac: 62 8% 17%;
|
|
--nc: 248 11% 82%;
|
|
--inc: 192 5% 17%;
|
|
--suc: 74 15% 16%;
|
|
--wac: 49 21% 15%;
|
|
--erc: 2 11% 16%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 89 96% 31%;
|
|
--s: 60 81% 55%;
|
|
--a: 63 80% 88%;
|
|
--n: 238 43% 17%;
|
|
--b1: 0 0% 100%;
|
|
--in: 192 39% 85%;
|
|
--su: 74 76% 79%;
|
|
--wa: 50 87% 75%;
|
|
--er: 1 70% 83%
|
|
}
|
|
[data-theme=night] {
|
|
color-scheme: dark;
|
|
--pf: 198 93% 53%;
|
|
--sf: 234 89% 67%;
|
|
--af: 329 86% 63%;
|
|
--b2: 222 47% 4%;
|
|
--b3: 0 0% 0%;
|
|
--bc: 229 7% 80%;
|
|
--pc: 202 34% 14%;
|
|
--sc: 239 22% 15%;
|
|
--ac: 332 26% 15%;
|
|
--nc: 221 7% 82%;
|
|
--suc: 169 31% 13%;
|
|
--wac: 39 36% 14%;
|
|
--erc: 354 28% 15%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 198 93% 60%;
|
|
--s: 234 89% 74%;
|
|
--a: 329 86% 70%;
|
|
--n: 217 33% 17%;
|
|
--nf: 217 30% 22%;
|
|
--b1: 222 47% 11%;
|
|
--in: 198 90% 48%;
|
|
--inc: 0 0% 0%;
|
|
--su: 172 66% 50%;
|
|
--wa: 41 88% 64%;
|
|
--er: 351 95% 71%
|
|
}
|
|
[data-theme=coffee] {
|
|
color-scheme: dark;
|
|
--pf: 30 67% 51%;
|
|
--sf: 182 25% 13%;
|
|
--af: 194 74% 18%;
|
|
--nf: 0 0% 0%;
|
|
--b2: 306 19% 4%;
|
|
--b3: 0 0% 0%;
|
|
--pc: 28 35% 13%;
|
|
--sc: 182 6% 83%;
|
|
--ac: 199 20% 85%;
|
|
--nc: 300 1% 79%;
|
|
--inc: 170 12% 14%;
|
|
--suc: 92 11% 13%;
|
|
--wac: 41 33% 14%;
|
|
--erc: 11 25% 15%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 30 67% 58%;
|
|
--s: 182 25% 20%;
|
|
--a: 194 74% 25%;
|
|
--n: 300 20% 6%;
|
|
--b1: 306 19% 11%;
|
|
--bc: 37 8% 42%;
|
|
--in: 171 37% 67%;
|
|
--su: 93 25% 62%;
|
|
--wa: 43 100% 69%;
|
|
--er: 10 95% 75%
|
|
}
|
|
[data-theme=winter] {
|
|
color-scheme: light;
|
|
--pf: 212 100% 44%;
|
|
--sf: 247 47% 36%;
|
|
--af: 310 49% 45%;
|
|
--nf: 217 92% 3%;
|
|
--pc: 231 100% 93%;
|
|
--sc: 256 40% 88%;
|
|
--ac: 316 56% 91%;
|
|
--nc: 229 10% 80%;
|
|
--inc: 192 18% 16%;
|
|
--suc: 181 16% 14%;
|
|
--wac: 32 9% 16%;
|
|
--erc: 2 19% 15%;
|
|
--rounded-box: 1rem;
|
|
--rounded-btn: 0.5rem;
|
|
--rounded-badge: 1.9rem;
|
|
--animation-btn: 0.25s;
|
|
--animation-input: .2s;
|
|
--btn-text-case: uppercase;
|
|
--btn-focus-scale: 0.95;
|
|
--border-btn: 1px;
|
|
--tab-border: 1px;
|
|
--tab-radius: 0.5rem;
|
|
--p: 212 100% 51%;
|
|
--s: 247 47% 43%;
|
|
--a: 310 49% 52%;
|
|
--n: 217 92% 10%;
|
|
--b1: 0 0% 100%;
|
|
--b2: 217 100% 97%;
|
|
--b3: 219 44% 92%;
|
|
--bc: 214 30% 32%;
|
|
--in: 192 93% 78%;
|
|
--su: 182 47% 66%;
|
|
--wa: 32 62% 84%;
|
|
--er: 0 63% 72%
|
|
}
|