Keine Beschreibung

themes.css 33KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244
  1. :root {
  2. color-scheme: light;
  3. --pf: 258.89 94.378% 40.941%;
  4. --sf: 314 100% 37.647%;
  5. --af: 174 60% 40.784%;
  6. --nf: 219 14.085% 22.275%;
  7. --in: 198 93% 60%;
  8. --su: 158 64% 52%;
  9. --wa: 43 96% 56%;
  10. --er: 0 91% 71%;
  11. --inc: 198 100% 12%;
  12. --suc: 158 100% 10%;
  13. --wac: 43 100% 11%;
  14. --erc: 0 100% 14%;
  15. --rounded-box: 1rem;
  16. --rounded-btn: 0.5rem;
  17. --rounded-badge: 1.9rem;
  18. --animation-btn: 0.25s;
  19. --animation-input: .2s;
  20. --btn-text-case: uppercase;
  21. --btn-focus-scale: 0.95;
  22. --border-btn: 1px;
  23. --tab-border: 1px;
  24. --tab-radius: 0.5rem;
  25. --p: 258.89 94.378% 51.176%;
  26. --pc: 0 0% 100%;
  27. --s: 314 100% 47.059%;
  28. --sc: 0 0% 100%;
  29. --a: 174 60% 50.98%;
  30. --ac: 174.71 43.59% 15.294%;
  31. --n: 219 14.085% 27.843%;
  32. --nc: 0 0% 100%;
  33. --b1: 0 0% 100%;
  34. --b2: 0 0% 94.902%;
  35. --b3: 180 1.9608% 90%;
  36. --bc: 215 27.907% 16.863%
  37. }
  38. @media (prefers-color-scheme: dark) {
  39. :root {
  40. color-scheme: dark;
  41. --pf: 262.35 80.315% 40.157%;
  42. --sf: 315.75 70.196% 40%;
  43. --af: 174.69 70.335% 32.784%;
  44. --in: 198 93% 60%;
  45. --su: 158 64% 52%;
  46. --wa: 43 96% 56%;
  47. --er: 0 91% 71%;
  48. --inc: 198 100% 12%;
  49. --suc: 158 100% 10%;
  50. --wac: 43 100% 11%;
  51. --erc: 0 100% 14%;
  52. --rounded-box: 1rem;
  53. --rounded-btn: 0.5rem;
  54. --rounded-badge: 1.9rem;
  55. --animation-btn: 0.25s;
  56. --animation-input: .2s;
  57. --btn-text-case: uppercase;
  58. --btn-focus-scale: 0.95;
  59. --border-btn: 1px;
  60. --tab-border: 1px;
  61. --tab-radius: 0.5rem;
  62. --p: 262.35 80.315% 50.196%;
  63. --pc: 0 0% 100%;
  64. --s: 315.75 70.196% 50%;
  65. --sc: 0 0% 100%;
  66. --a: 174.69 70.335% 40.98%;
  67. --ac: 0 0% 100%;
  68. --n: 218.18 18.033% 11.961%;
  69. --nf: 222.86 17.073% 8.0392%;
  70. --nc: 220 13.376% 69.216%;
  71. --b1: 220 17.647% 20%;
  72. --b2: 220 17.241% 17.059%;
  73. --b3: 218.57 17.949% 15.294%;
  74. --bc: 220 13.376% 69.216%
  75. }
  76. }
  77. [data-theme=light] {
  78. color-scheme: light;
  79. --pf: 258.89 94.378% 40.941%;
  80. --sf: 314 100% 37.647%;
  81. --af: 174 60% 40.784%;
  82. --nf: 219 14.085% 22.275%;
  83. --in: 198 93% 60%;
  84. --su: 158 64% 52%;
  85. --wa: 43 96% 56%;
  86. --er: 0 91% 71%;
  87. --inc: 198 100% 12%;
  88. --suc: 158 100% 10%;
  89. --wac: 43 100% 11%;
  90. --erc: 0 100% 14%;
  91. --rounded-box: 1rem;
  92. --rounded-btn: 0.5rem;
  93. --rounded-badge: 1.9rem;
  94. --animation-btn: 0.25s;
  95. --animation-input: .2s;
  96. --btn-text-case: uppercase;
  97. --btn-focus-scale: 0.95;
  98. --border-btn: 1px;
  99. --tab-border: 1px;
  100. --tab-radius: 0.5rem;
  101. --p: 258.89 94.378% 51.176%;
  102. --pc: 0 0% 100%;
  103. --s: 314 100% 47.059%;
  104. --sc: 0 0% 100%;
  105. --a: 174 60% 50.98%;
  106. --ac: 174.71 43.59% 15.294%;
  107. --n: 219 14.085% 27.843%;
  108. --nc: 0 0% 100%;
  109. --b1: 0 0% 100%;
  110. --b2: 0 0% 94.902%;
  111. --b3: 180 1.9608% 90%;
  112. --bc: 215 27.907% 16.863%
  113. }
  114. [data-theme=dark] {
  115. color-scheme: dark;
  116. --pf: 262.35 80.315% 40.157%;
  117. --sf: 315.75 70.196% 40%;
  118. --af: 174.69 70.335% 32.784%;
  119. --in: 198 93% 60%;
  120. --su: 158 64% 52%;
  121. --wa: 43 96% 56%;
  122. --er: 0 91% 71%;
  123. --inc: 198 100% 12%;
  124. --suc: 158 100% 10%;
  125. --wac: 43 100% 11%;
  126. --erc: 0 100% 14%;
  127. --rounded-box: 1rem;
  128. --rounded-btn: 0.5rem;
  129. --rounded-badge: 1.9rem;
  130. --animation-btn: 0.25s;
  131. --animation-input: .2s;
  132. --btn-text-case: uppercase;
  133. --btn-focus-scale: 0.95;
  134. --border-btn: 1px;
  135. --tab-border: 1px;
  136. --tab-radius: 0.5rem;
  137. --p: 262.35 80.315% 50.196%;
  138. --pc: 0 0% 100%;
  139. --s: 315.75 70.196% 50%;
  140. --sc: 0 0% 100%;
  141. --a: 174.69 70.335% 40.98%;
  142. --ac: 0 0% 100%;
  143. --n: 218.18 18.033% 11.961%;
  144. --nf: 222.86 17.073% 8.0392%;
  145. --nc: 220 13.376% 69.216%;
  146. --b1: 220 17.647% 20%;
  147. --b2: 220 17.241% 17.059%;
  148. --b3: 218.57 17.949% 15.294%;
  149. --bc: 220 13.376% 69.216%
  150. }
  151. [data-theme=cupcake] {
  152. color-scheme: light;
  153. --pf: 183.03 47.368% 47.216%;
  154. --sf: 338.25 71.429% 62.431%;
  155. --af: 39 84.112% 46.431%;
  156. --nf: 280 46.479% 11.137%;
  157. --in: 198 93% 60%;
  158. --su: 158 64% 52%;
  159. --wa: 43 96% 56%;
  160. --er: 0 91% 71%;
  161. --pc: 183.03 100% 11.804%;
  162. --sc: 338.25 100% 15.608%;
  163. --ac: 39 100% 11.608%;
  164. --nc: 280 82.688% 82.784%;
  165. --inc: 198 100% 12%;
  166. --suc: 158 100% 10%;
  167. --wac: 43 100% 11%;
  168. --erc: 0 100% 14%;
  169. --rounded-box: 1rem;
  170. --rounded-badge: 1.9rem;
  171. --animation-btn: 0.25s;
  172. --animation-input: .2s;
  173. --btn-text-case: uppercase;
  174. --btn-focus-scale: 0.95;
  175. --border-btn: 1px;
  176. --p: 183.03 47.368% 59.02%;
  177. --s: 338.25 71.429% 78.039%;
  178. --a: 39 84.112% 58.039%;
  179. --n: 280 46.479% 13.922%;
  180. --b1: 24 33.333% 97.059%;
  181. --b2: 26.667 21.951% 91.961%;
  182. --b3: 22.5 14.286% 89.02%;
  183. --bc: 280 46.479% 13.922%;
  184. --rounded-btn: 1.9rem;
  185. --tab-border: 2px;
  186. --tab-radius: .5rem
  187. }
  188. [data-theme=bumblebee] {
  189. color-scheme: light;
  190. --pf: 41.124 74.167% 42.353%;
  191. --sf: 49.901 94.393% 46.431%;
  192. --af: 240 33.333% 11.294%;
  193. --nf: 240 33.333% 11.294%;
  194. --b2: 0 0% 90%;
  195. --b3: 0 0% 81%;
  196. --in: 198 93% 60%;
  197. --su: 158 64% 52%;
  198. --wa: 43 96% 56%;
  199. --er: 0 91% 71%;
  200. --bc: 0 0% 20%;
  201. --ac: 240 60.274% 82.824%;
  202. --nc: 240 60.274% 82.824%;
  203. --inc: 198 100% 12%;
  204. --suc: 158 100% 10%;
  205. --wac: 43 100% 11%;
  206. --erc: 0 100% 14%;
  207. --rounded-box: 1rem;
  208. --rounded-btn: 0.5rem;
  209. --rounded-badge: 1.9rem;
  210. --animation-btn: 0.25s;
  211. --animation-input: .2s;
  212. --btn-text-case: uppercase;
  213. --btn-focus-scale: 0.95;
  214. --border-btn: 1px;
  215. --tab-border: 1px;
  216. --tab-radius: 0.5rem;
  217. --p: 41.124 74.167% 52.941%;
  218. --pc: 240 33.333% 14.118%;
  219. --s: 49.901 94.393% 58.039%;
  220. --sc: 240 33.333% 14.118%;
  221. --a: 240 33.333% 14.118%;
  222. --n: 240 33.333% 14.118%;
  223. --b1: 0 0% 100%
  224. }
  225. [data-theme=emerald] {
  226. color-scheme: light;
  227. --pf: 141.18 50% 48%;
  228. --sf: 218.88 96.078% 48%;
  229. --af: 9.8901 81.25% 44.863%;
  230. --nf: 219.23 20.312% 20.078%;
  231. --b2: 0 0% 90%;
  232. --b3: 0 0% 81%;
  233. --in: 198 93% 60%;
  234. --su: 158 64% 52%;
  235. --wa: 43 96% 56%;
  236. --er: 0 91% 71%;
  237. --inc: 198 100% 12%;
  238. --suc: 158 100% 10%;
  239. --wac: 43 100% 11%;
  240. --erc: 0 100% 14%;
  241. --rounded-box: 1rem;
  242. --rounded-btn: 0.5rem;
  243. --rounded-badge: 1.9rem;
  244. --btn-text-case: uppercase;
  245. --border-btn: 1px;
  246. --tab-border: 1px;
  247. --tab-radius: 0.5rem;
  248. --p: 141.18 50% 60%;
  249. --pc: 151.11 28.421% 18.627%;
  250. --s: 218.88 96.078% 60%;
  251. --sc: 210 20% 98.039%;
  252. --a: 9.8901 81.25% 56.078%;
  253. --ac: 210 20% 98.039%;
  254. --n: 219.23 20.312% 25.098%;
  255. --nc: 210 20% 98.039%;
  256. --b1: 0 0% 100%;
  257. --bc: 219.23 20.312% 25.098%;
  258. --animation-btn: 0;
  259. --animation-input: 0;
  260. --btn-focus-scale: 1
  261. }
  262. [data-theme=corporate] {
  263. color-scheme: light;
  264. --pf: 229.09 95.652% 51.137%;
  265. --sf: 214.91 26.316% 47.216%;
  266. --af: 154.2 49.02% 48%;
  267. --nf: 233.33 27.273% 10.353%;
  268. --b2: 0 0% 90%;
  269. --b3: 0 0% 81%;
  270. --in: 198 93% 60%;
  271. --su: 158 64% 52%;
  272. --wa: 43 96% 56%;
  273. --er: 0 91% 71%;
  274. --pc: 229.09 100% 92.784%;
  275. --sc: 214.91 100% 11.804%;
  276. --ac: 154.2 100% 12%;
  277. --inc: 198 100% 12%;
  278. --suc: 158 100% 10%;
  279. --wac: 43 100% 11%;
  280. --erc: 0 100% 14%;
  281. --btn-text-case: uppercase;
  282. --border-btn: 1px;
  283. --tab-border: 1px;
  284. --tab-radius: 0.5rem;
  285. --p: 229.09 95.652% 63.922%;
  286. --s: 214.91 26.316% 59.02%;
  287. --a: 154.2 49.02% 60%;
  288. --n: 233.33 27.273% 12.941%;
  289. --nc: 210 38.462% 94.902%;
  290. --b1: 0 0% 100%;
  291. --bc: 233.33 27.273% 12.941%;
  292. --rounded-box: 0.25rem;
  293. --rounded-btn: .125rem;
  294. --rounded-badge: .125rem;
  295. --animation-btn: 0;
  296. --animation-input: 0;
  297. --btn-focus-scale: 1
  298. }
  299. [data-theme=synthwave] {
  300. color-scheme: dark;
  301. --pf: 320.73 69.62% 55.216%;
  302. --sf: 197.03 86.592% 51.922%;
  303. --af: 48 89.041% 45.647%;
  304. --nf: 253.22 60.825% 15.216%;
  305. --b2: 253.85 59.091% 23.294%;
  306. --b3: 253.85 59.091% 20.965%;
  307. --pc: 320.73 100% 13.804%;
  308. --sc: 197.03 100% 12.98%;
  309. --ac: 48 100% 11.412%;
  310. --rounded-box: 1rem;
  311. --rounded-btn: 0.5rem;
  312. --rounded-badge: 1.9rem;
  313. --animation-btn: 0.25s;
  314. --animation-input: .2s;
  315. --btn-text-case: uppercase;
  316. --btn-focus-scale: 0.95;
  317. --border-btn: 1px;
  318. --tab-border: 1px;
  319. --tab-radius: 0.5rem;
  320. --p: 320.73 69.62% 69.02%;
  321. --s: 197.03 86.592% 64.902%;
  322. --a: 48 89.041% 57.059%;
  323. --n: 253.22 60.825% 19.02%;
  324. --nc: 260 60% 98.039%;
  325. --b1: 253.85 59.091% 25.882%;
  326. --bc: 260 60% 98.039%;
  327. --in: 199.13 86.957% 63.922%;
  328. --inc: 257.45 63.218% 17.059%;
  329. --su: 168.1 74.233% 68.039%;
  330. --suc: 257.45 63.218% 17.059%;
  331. --wa: 48 89.041% 57.059%;
  332. --wac: 257.45 63.218% 17.059%;
  333. --er: 351.85 73.636% 56.863%;
  334. --erc: 260 60% 98.039%
  335. }
  336. [data-theme=retro] {
  337. color-scheme: light;
  338. --pf: 2.6667 73.77% 60.863%;
  339. --sf: 144.62 27.273% 57.569%;
  340. --af: 49.024 67.213% 60.863%;
  341. --nf: 41.667 16.822% 33.569%;
  342. --inc: 221.21 100% 90.667%;
  343. --suc: 142.13 100% 87.255%;
  344. --wac: 32.133 100% 8.7451%;
  345. --erc: 0 100% 90.118%;
  346. --animation-btn: 0.25s;
  347. --animation-input: .2s;
  348. --btn-text-case: uppercase;
  349. --btn-focus-scale: 0.95;
  350. --border-btn: 1px;
  351. --tab-border: 1px;
  352. --tab-radius: 0.5rem;
  353. --p: 2.6667 73.77% 76.078%;
  354. --pc: 345 5.2632% 14.902%;
  355. --s: 144.62 27.273% 71.961%;
  356. --sc: 345 5.2632% 14.902%;
  357. --a: 49.024 67.213% 76.078%;
  358. --ac: 345 5.2632% 14.902%;
  359. --n: 41.667 16.822% 41.961%;
  360. --nc: 45 47.059% 80%;
  361. --b1: 45 47.059% 80%;
  362. --b2: 45.283 37.063% 71.961%;
  363. --b3: 42.188 35.955% 65.098%;
  364. --bc: 345 5.2632% 14.902%;
  365. --in: 221.21 83.193% 53.333%;
  366. --su: 142.13 76.216% 36.275%;
  367. --wa: 32.133 94.619% 43.725%;
  368. --er: 0 72.222% 50.588%;
  369. --rounded-box: 0.4rem;
  370. --rounded-btn: 0.4rem;
  371. --rounded-badge: 0.4rem
  372. }
  373. [data-theme=cyberpunk] {
  374. color-scheme: light;
  375. --pf: 344.78 100% 58.353%;
  376. --sf: 195.12 80.392% 56%;
  377. --af: 276 74.324% 56.784%;
  378. --nf: 57.273 100% 10.353%;
  379. --b2: 56 100% 45%;
  380. --b3: 56 100% 40.5%;
  381. --in: 198 93% 60%;
  382. --su: 158 64% 52%;
  383. --wa: 43 96% 56%;
  384. --er: 0 91% 71%;
  385. --bc: 56 100% 10%;
  386. --pc: 344.78 100% 14.588%;
  387. --sc: 195.12 100% 14%;
  388. --ac: 276 100% 14.196%;
  389. --inc: 198 100% 12%;
  390. --suc: 158 100% 10%;
  391. --wac: 43 100% 11%;
  392. --erc: 0 100% 14%;
  393. --animation-btn: 0.25s;
  394. --animation-input: .2s;
  395. --btn-text-case: uppercase;
  396. --btn-focus-scale: 0.95;
  397. --border-btn: 1px;
  398. --tab-border: 1px;
  399. font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  400. --p: 344.78 100% 72.941%;
  401. --s: 195.12 80.392% 70%;
  402. --a: 276 74.324% 70.98%;
  403. --n: 57.273 100% 12.941%;
  404. --nc: 56 100% 50%;
  405. --b1: 56 100% 50%;
  406. --rounded-box: 0;
  407. --rounded-btn: 0;
  408. --rounded-badge: 0;
  409. --tab-radius: 0
  410. }
  411. [data-theme=valentine] {
  412. color-scheme: light;
  413. --pf: 353.23 73.81% 53.647%;
  414. --sf: 254.12 86.441% 61.49%;
  415. --af: 181.41 55.556% 56%;
  416. --nf: 336 42.857% 38.431%;
  417. --b2: 318.46 46.429% 80.118%;
  418. --b3: 318.46 46.429% 72.106%;
  419. --pc: 353.23 100% 13.412%;
  420. --sc: 254.12 100% 15.373%;
  421. --ac: 181.41 100% 14%;
  422. --inc: 221.21 100% 90.667%;
  423. --suc: 142.13 100% 87.255%;
  424. --wac: 32.133 100% 8.7451%;
  425. --erc: 0 100% 90.118%;
  426. --rounded-box: 1rem;
  427. --rounded-badge: 1.9rem;
  428. --animation-btn: 0.25s;
  429. --animation-input: .2s;
  430. --btn-text-case: uppercase;
  431. --btn-focus-scale: 0.95;
  432. --border-btn: 1px;
  433. --tab-border: 1px;
  434. --tab-radius: 0.5rem;
  435. --p: 353.23 73.81% 67.059%;
  436. --s: 254.12 86.441% 76.863%;
  437. --a: 181.41 55.556% 70%;
  438. --n: 336 42.857% 48.039%;
  439. --nc: 318.46 46.429% 89.02%;
  440. --b1: 318.46 46.429% 89.02%;
  441. --bc: 343.64 38.462% 28.039%;
  442. --in: 221.21 83.193% 53.333%;
  443. --su: 142.13 76.216% 36.275%;
  444. --wa: 32.133 94.619% 43.725%;
  445. --er: 0 72.222% 50.588%;
  446. --rounded-btn: 1.9rem
  447. }
  448. [data-theme=halloween] {
  449. color-scheme: dark;
  450. --pf: 31.927 89.344% 41.725%;
  451. --sf: 271.22 45.794% 33.569%;
  452. --af: 91.071 100% 26.353%;
  453. --nf: 180 3.5714% 8.7843%;
  454. --b2: 0 0% 11.647%;
  455. --b3: 0 0% 10.482%;
  456. --bc: 0 0% 82.588%;
  457. --sc: 271.22 100% 88.392%;
  458. --ac: 91.071 100% 6.5882%;
  459. --nc: 180 4.8458% 82.196%;
  460. --inc: 221.21 100% 90.667%;
  461. --suc: 142.13 100% 87.255%;
  462. --wac: 32.133 100% 8.7451%;
  463. --erc: 0 100% 90.118%;
  464. --rounded-box: 1rem;
  465. --rounded-btn: 0.5rem;
  466. --rounded-badge: 1.9rem;
  467. --animation-btn: 0.25s;
  468. --animation-input: .2s;
  469. --btn-text-case: uppercase;
  470. --btn-focus-scale: 0.95;
  471. --border-btn: 1px;
  472. --tab-border: 1px;
  473. --tab-radius: 0.5rem;
  474. --p: 31.927 89.344% 52.157%;
  475. --pc: 180 7.3171% 8.0392%;
  476. --s: 271.22 45.794% 41.961%;
  477. --a: 91.071 100% 32.941%;
  478. --n: 180 3.5714% 10.98%;
  479. --b1: 0 0% 12.941%;
  480. --in: 221.21 83.193% 53.333%;
  481. --su: 142.13 76.216% 36.275%;
  482. --wa: 32.133 94.619% 43.725%;
  483. --er: 0 72.222% 50.588%
  484. }
  485. [data-theme=garden] {
  486. color-scheme: light;
  487. --pf: 138.86 15.982% 34.353%;
  488. --sf: 96.923 37.143% 74.51%;
  489. --af: 0 67.742% 75.137%;
  490. --nf: 0 3.9106% 28.078%;
  491. --b2: 0 4.3478% 81.882%;
  492. --b3: 0 4.3478% 73.694%;
  493. --in: 198 93% 60%;
  494. --su: 158 64% 52%;
  495. --wa: 43 96% 56%;
  496. --er: 0 91% 71%;
  497. --pc: 138.86 100% 88.588%;
  498. --inc: 198 100% 12%;
  499. --suc: 158 100% 10%;
  500. --wac: 43 100% 11%;
  501. --erc: 0 100% 14%;
  502. --rounded-box: 1rem;
  503. --rounded-btn: 0.5rem;
  504. --rounded-badge: 1.9rem;
  505. --animation-btn: 0.25s;
  506. --animation-input: .2s;
  507. --btn-text-case: uppercase;
  508. --btn-focus-scale: 0.95;
  509. --border-btn: 1px;
  510. --tab-border: 1px;
  511. --tab-radius: 0.5rem;
  512. --p: 138.86 15.982% 42.941%;
  513. --s: 96.923 37.143% 93.137%;
  514. --sc: 96 32.468% 15.098%;
  515. --a: 0 67.742% 93.922%;
  516. --ac: 0 21.951% 16.078%;
  517. --n: 0 3.9106% 35.098%;
  518. --nc: 0 4.3478% 90.98%;
  519. --b1: 0 4.3478% 90.98%;
  520. --bc: 0 3.2258% 6.0784%
  521. }
  522. [data-theme=forest] {
  523. color-scheme: dark;
  524. --pf: 141.04 71.963% 33.569%;
  525. --sf: 140.98 74.694% 38.431%;
  526. --af: 35.148 68.98% 41.569%;
  527. --nf: 0 9.6774% 4.8627%;
  528. --b2: 0 12.195% 7.2353%;
  529. --b3: 0 12.195% 6.5118%;
  530. --in: 198 93% 60%;
  531. --su: 158 64% 52%;
  532. --wa: 43 96% 56%;
  533. --er: 0 91% 71%;
  534. --bc: 0 11.727% 81.608%;
  535. --sc: 140.98 100% 9.6078%;
  536. --ac: 35.148 100% 10.392%;
  537. --nc: 0 6.8894% 81.216%;
  538. --inc: 198 100% 12%;
  539. --suc: 158 100% 10%;
  540. --wac: 43 100% 11%;
  541. --erc: 0 100% 14%;
  542. --rounded-box: 1rem;
  543. --rounded-badge: 1.9rem;
  544. --animation-btn: 0.25s;
  545. --animation-input: .2s;
  546. --btn-text-case: uppercase;
  547. --btn-focus-scale: 0.95;
  548. --border-btn: 1px;
  549. --tab-border: 1px;
  550. --tab-radius: 0.5rem;
  551. --p: 141.04 71.963% 41.961%;
  552. --pc: 140.66 100% 88.039%;
  553. --s: 140.98 74.694% 48.039%;
  554. --a: 35.148 68.98% 51.961%;
  555. --n: 0 9.6774% 6.0784%;
  556. --b1: 0 12.195% 8.0392%;
  557. --rounded-btn: 1.9rem
  558. }
  559. [data-theme=aqua] {
  560. color-scheme: dark;
  561. --pf: 181.79 92.857% 39.529%;
  562. --sf: 274.41 30.909% 45.49%;
  563. --af: 47.059 100% 64%;
  564. --nf: 205.4 53.725% 40%;
  565. --b2: 218.61 52.511% 38.647%;
  566. --b3: 218.61 52.511% 34.782%;
  567. --bc: 218.61 100% 88.588%;
  568. --sc: 274.41 100% 91.373%;
  569. --ac: 47.059 100% 16%;
  570. --nc: 205.4 100% 90%;
  571. --inc: 221.21 100% 90.667%;
  572. --suc: 142.13 100% 87.255%;
  573. --wac: 32.133 100% 8.7451%;
  574. --erc: 0 100% 90.118%;
  575. --rounded-box: 1rem;
  576. --rounded-btn: 0.5rem;
  577. --rounded-badge: 1.9rem;
  578. --animation-btn: 0.25s;
  579. --animation-input: .2s;
  580. --btn-text-case: uppercase;
  581. --btn-focus-scale: 0.95;
  582. --border-btn: 1px;
  583. --tab-border: 1px;
  584. --tab-radius: 0.5rem;
  585. --p: 181.79 92.857% 49.412%;
  586. --pc: 181.41 100% 16.667%;
  587. --s: 274.41 30.909% 56.863%;
  588. --a: 47.059 100% 80%;
  589. --n: 205.4 53.725% 50%;
  590. --b1: 218.61 52.511% 42.941%;
  591. --in: 221.21 83.193% 53.333%;
  592. --su: 142.13 76.216% 36.275%;
  593. --wa: 32.133 94.619% 43.725%;
  594. --er: 0 72.222% 50.588%
  595. }
  596. [data-theme=lofi] {
  597. color-scheme: light;
  598. --pf: 0 0% 4.0784%;
  599. --sf: 0 1.9608% 8%;
  600. --af: 0 0% 11.922%;
  601. --nf: 0 0% 0%;
  602. --btn-text-case: uppercase;
  603. --border-btn: 1px;
  604. --tab-border: 1px;
  605. --p: 0 0% 5.098%;
  606. --pc: 0 0% 100%;
  607. --s: 0 1.9608% 10%;
  608. --sc: 0 0% 100%;
  609. --a: 0 0% 14.902%;
  610. --ac: 0 0% 100%;
  611. --n: 0 0% 0%;
  612. --nc: 0 0% 100%;
  613. --b1: 0 0% 100%;
  614. --b2: 0 0% 94.902%;
  615. --b3: 0 1.9608% 90%;
  616. --bc: 0 0% 0%;
  617. --in: 212.35 100% 47.647%;
  618. --inc: 0 0% 100%;
  619. --su: 136.84 72.152% 46.471%;
  620. --suc: 0 0% 100%;
  621. --wa: 4.5614 100% 66.471%;
  622. --wac: 0 0% 100%;
  623. --er: 325.05 77.6% 49.02%;
  624. --erc: 0 0% 100%;
  625. --rounded-box: 0.25rem;
  626. --rounded-btn: 0.125rem;
  627. --rounded-badge: 0.125rem;
  628. --animation-btn: 0;
  629. --animation-input: 0;
  630. --btn-focus-scale: 1;
  631. --tab-radius: 0
  632. }
  633. [data-theme=pastel] {
  634. color-scheme: light;
  635. --pf: 283.64 21.569% 64%;
  636. --sf: 351.63 70.492% 70.431%;
  637. --af: 158.49 54.639% 64.784%;
  638. --nf: 198.62 43.719% 48.784%;
  639. --in: 198 93% 60%;
  640. --su: 158 64% 52%;
  641. --wa: 43 96% 56%;
  642. --er: 0 91% 71%;
  643. --bc: 0 0% 20%;
  644. --pc: 283.64 59.314% 16%;
  645. --sc: 351.63 100% 17.608%;
  646. --ac: 158.49 100% 16.196%;
  647. --nc: 198.62 100% 12.196%;
  648. --inc: 198 100% 12%;
  649. --suc: 158 100% 10%;
  650. --wac: 43 100% 11%;
  651. --erc: 0 100% 14%;
  652. --rounded-box: 1rem;
  653. --rounded-badge: 1.9rem;
  654. --animation-btn: 0.25s;
  655. --animation-input: .2s;
  656. --btn-text-case: uppercase;
  657. --btn-focus-scale: 0.95;
  658. --border-btn: 1px;
  659. --tab-border: 1px;
  660. --tab-radius: 0.5rem;
  661. --p: 283.64 21.569% 80%;
  662. --s: 351.63 70.492% 88.039%;
  663. --a: 158.49 54.639% 80.98%;
  664. --n: 198.62 43.719% 60.98%;
  665. --b1: 0 0% 100%;
  666. --b2: 210 20% 98.039%;
  667. --b3: 216 12.195% 83.922%;
  668. --rounded-btn: 1.9rem
  669. }
  670. [data-theme=fantasy] {
  671. color-scheme: light;
  672. --pf: 296.04 82.813% 20.078%;
  673. --sf: 200 100% 29.647%;
  674. --af: 30.894 94.378% 40.941%;
  675. --nf: 215 27.907% 13.49%;
  676. --b2: 0 0% 90%;
  677. --b3: 0 0% 81%;
  678. --in: 198 93% 60%;
  679. --su: 158 64% 52%;
  680. --wa: 43 96% 56%;
  681. --er: 0 91% 71%;
  682. --pc: 296.04 100% 85.02%;
  683. --sc: 200 100% 87.412%;
  684. --ac: 30.894 100% 10.235%;
  685. --nc: 215 62.264% 83.373%;
  686. --inc: 198 100% 12%;
  687. --suc: 158 100% 10%;
  688. --wac: 43 100% 11%;
  689. --erc: 0 100% 14%;
  690. --rounded-box: 1rem;
  691. --rounded-btn: 0.5rem;
  692. --rounded-badge: 1.9rem;
  693. --animation-btn: 0.25s;
  694. --animation-input: .2s;
  695. --btn-text-case: uppercase;
  696. --btn-focus-scale: 0.95;
  697. --border-btn: 1px;
  698. --tab-border: 1px;
  699. --tab-radius: 0.5rem;
  700. --p: 296.04 82.813% 25.098%;
  701. --s: 200 100% 37.059%;
  702. --a: 30.894 94.378% 51.176%;
  703. --n: 215 27.907% 16.863%;
  704. --b1: 0 0% 100%;
  705. --bc: 215 27.907% 16.863%
  706. }
  707. [data-theme=wireframe] {
  708. color-scheme: light;
  709. --pf: 0 0% 57.725%;
  710. --sf: 0 0% 57.725%;
  711. --af: 0 0% 57.725%;
  712. --nf: 0 0% 73.725%;
  713. --bc: 0 0% 20%;
  714. --pc: 0 0% 14.431%;
  715. --sc: 0 0% 14.431%;
  716. --ac: 0 0% 14.431%;
  717. --nc: 0 0% 18.431%;
  718. --inc: 240 100% 90%;
  719. --suc: 120 100% 85.02%;
  720. --wac: 60 100% 10%;
  721. --erc: 0 100% 90%;
  722. --animation-btn: 0.25s;
  723. --animation-input: .2s;
  724. --btn-text-case: uppercase;
  725. --btn-focus-scale: 0.95;
  726. --border-btn: 1px;
  727. --tab-border: 1px;
  728. font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
  729. --p: 0 0% 72.157%;
  730. --s: 0 0% 72.157%;
  731. --a: 0 0% 72.157%;
  732. --n: 0 0% 92.157%;
  733. --b1: 0 0% 100%;
  734. --b2: 0 0% 93.333%;
  735. --b3: 0 0% 86.667%;
  736. --in: 240 100% 50%;
  737. --su: 120 100% 25.098%;
  738. --wa: 60 30.196% 50%;
  739. --er: 0 100% 50%;
  740. --rounded-box: 0.2rem;
  741. --rounded-btn: 0.2rem;
  742. --rounded-badge: 0.2rem;
  743. --tab-radius: 0.2rem
  744. }
  745. [data-theme=black] {
  746. color-scheme: dark;
  747. --pf: 0 1.9608% 16%;
  748. --sf: 0 1.9608% 16%;
  749. --af: 0 1.9608% 16%;
  750. --bc: 0 0% 80%;
  751. --pc: 0 5.3922% 84%;
  752. --sc: 0 5.3922% 84%;
  753. --ac: 0 5.3922% 84%;
  754. --nc: 0 2.5404% 83.02%;
  755. --inc: 240 100% 90%;
  756. --suc: 120 100% 85.02%;
  757. --wac: 60 100% 10%;
  758. --erc: 0 100% 90%;
  759. --border-btn: 1px;
  760. --tab-border: 1px;
  761. --p: 0 1.9608% 20%;
  762. --s: 0 1.9608% 20%;
  763. --a: 0 1.9608% 20%;
  764. --b1: 0 0% 0%;
  765. --b2: 0 0% 5.098%;
  766. --b3: 0 1.9608% 10%;
  767. --n: 0 1.2987% 15.098%;
  768. --nf: 0 1.9608% 20%;
  769. --in: 240 100% 50%;
  770. --su: 120 100% 25.098%;
  771. --wa: 60 100% 50%;
  772. --er: 0 100% 50%;
  773. --rounded-box: 0;
  774. --rounded-btn: 0;
  775. --rounded-badge: 0;
  776. --animation-btn: 0;
  777. --animation-input: 0;
  778. --btn-text-case: lowercase;
  779. --btn-focus-scale: 1;
  780. --tab-radius: 0
  781. }
  782. [data-theme=luxury] {
  783. color-scheme: dark;
  784. --pf: 0 0% 80%;
  785. --sf: 218.4 54.348% 14.431%;
  786. --af: 318.62 21.805% 20.863%;
  787. --nf: 270 4.3478% 7.2157%;
  788. --pc: 0 0% 20%;
  789. --sc: 218.4 100% 83.608%;
  790. --ac: 318.62 84.615% 85.216%;
  791. --inc: 202.35 100% 14%;
  792. --suc: 89.007 100% 10.392%;
  793. --wac: 53.906 100% 12.706%;
  794. --erc: 0 100% 14.353%;
  795. --rounded-box: 1rem;
  796. --rounded-btn: 0.5rem;
  797. --rounded-badge: 1.9rem;
  798. --animation-btn: 0.25s;
  799. --animation-input: .2s;
  800. --btn-text-case: uppercase;
  801. --btn-focus-scale: 0.95;
  802. --border-btn: 1px;
  803. --tab-border: 1px;
  804. --tab-radius: 0.5rem;
  805. --p: 0 0% 100%;
  806. --s: 218.4 54.348% 18.039%;
  807. --a: 318.62 21.805% 26.078%;
  808. --n: 270 4.3478% 9.0196%;
  809. --nc: 37.083 67.29% 58.039%;
  810. --b1: 240 10% 3.9216%;
  811. --b2: 270 4.3478% 9.0196%;
  812. --b3: 270 2.1739% 18.039%;
  813. --bc: 37.083 67.29% 58.039%;
  814. --in: 202.35 100% 70%;
  815. --su: 89.007 61.633% 51.961%;
  816. --wa: 53.906 68.817% 63.529%;
  817. --er: 0 100% 71.765%
  818. }
  819. [data-theme=dracula] {
  820. color-scheme: dark;
  821. --pf: 325.52 100% 58.98%;
  822. --sf: 264.71 89.474% 62.118%;
  823. --af: 31.02 100% 56.941%;
  824. --nf: 229.57 15.033% 24%;
  825. --b2: 231.43 14.894% 16.588%;
  826. --b3: 231.43 14.894% 14.929%;
  827. --pc: 325.52 100% 14.745%;
  828. --sc: 264.71 100% 15.529%;
  829. --ac: 31.02 100% 14.235%;
  830. --nc: 229.57 70.868% 86%;
  831. --inc: 190.53 100% 15.373%;
  832. --suc: 135.18 100% 12.941%;
  833. --wac: 64.909 100% 15.294%;
  834. --erc: 0 100% 93.333%;
  835. --rounded-box: 1rem;
  836. --rounded-btn: 0.5rem;
  837. --rounded-badge: 1.9rem;
  838. --animation-btn: 0.25s;
  839. --animation-input: .2s;
  840. --btn-text-case: uppercase;
  841. --btn-focus-scale: 0.95;
  842. --border-btn: 1px;
  843. --tab-border: 1px;
  844. --tab-radius: 0.5rem;
  845. --p: 325.52 100% 73.725%;
  846. --s: 264.71 89.474% 77.647%;
  847. --a: 31.02 100% 71.176%;
  848. --n: 229.57 15.033% 30%;
  849. --b1: 231.43 14.894% 18.431%;
  850. --bc: 60 30% 96.078%;
  851. --in: 190.53 96.61% 76.863%;
  852. --su: 135.18 94.444% 64.706%;
  853. --wa: 64.909 91.667% 76.471%;
  854. --er: 0 100% 66.667%
  855. }
  856. [data-theme=cmyk] {
  857. color-scheme: light;
  858. --pf: 202.72 83.251% 48.157%;
  859. --sf: 335.25 77.67% 47.686%;
  860. --af: 56.195 100% 47.843%;
  861. --nf: 0 0% 8.1569%;
  862. --b2: 0 0% 90%;
  863. --b3: 0 0% 81%;
  864. --bc: 0 0% 20%;
  865. --pc: 202.72 100% 12.039%;
  866. --sc: 335.25 100% 91.922%;
  867. --ac: 56.195 100% 11.961%;
  868. --nc: 0 0% 82.039%;
  869. --inc: 192.2 100% 10.431%;
  870. --suc: 291.06 100% 87.608%;
  871. --wac: 25.027 100% 11.333%;
  872. --erc: 3.956 100% 91.137%;
  873. --rounded-box: 1rem;
  874. --rounded-btn: 0.5rem;
  875. --rounded-badge: 1.9rem;
  876. --animation-btn: 0.25s;
  877. --animation-input: .2s;
  878. --btn-text-case: uppercase;
  879. --btn-focus-scale: 0.95;
  880. --border-btn: 1px;
  881. --tab-border: 1px;
  882. --tab-radius: 0.5rem;
  883. --p: 202.72 83.251% 60.196%;
  884. --s: 335.25 77.67% 59.608%;
  885. --a: 56.195 100% 59.804%;
  886. --n: 0 0% 10.196%;
  887. --b1: 0 0% 100%;
  888. --in: 192.2 48.361% 52.157%;
  889. --su: 291.06 48.454% 38.039%;
  890. --wa: 25.027 84.615% 56.667%;
  891. --er: 3.956 80.531% 55.686%
  892. }
  893. [data-theme=autumn] {
  894. color-scheme: light;
  895. --pf: 344.23 95.804% 22.431%;
  896. --sf: 0.44444 63.38% 46.588%;
  897. --af: 27.477 56.021% 50.039%;
  898. --nf: 22.105 17.117% 34.824%;
  899. --b2: 0 0% 85.059%;
  900. --b3: 0 0% 76.553%;
  901. --bc: 0 0% 18.902%;
  902. --pc: 344.23 100% 85.608%;
  903. --sc: 0.44444 100% 91.647%;
  904. --ac: 27.477 100% 12.51%;
  905. --nc: 22.105 100% 88.706%;
  906. --inc: 186.94 100% 9.9216%;
  907. --suc: 164.59 100% 8.6275%;
  908. --wac: 30.141 100% 9.9216%;
  909. --erc: 353.6 100% 89.765%;
  910. --rounded-box: 1rem;
  911. --rounded-btn: 0.5rem;
  912. --rounded-badge: 1.9rem;
  913. --animation-btn: 0.25s;
  914. --animation-input: .2s;
  915. --btn-text-case: uppercase;
  916. --btn-focus-scale: 0.95;
  917. --border-btn: 1px;
  918. --tab-border: 1px;
  919. --tab-radius: 0.5rem;
  920. --p: 344.23 95.804% 28.039%;
  921. --s: 0.44444 63.38% 58.235%;
  922. --a: 27.477 56.021% 62.549%;
  923. --n: 22.105 17.117% 43.529%;
  924. --b1: 0 0% 94.51%;
  925. --in: 186.94 47.826% 49.608%;
  926. --su: 164.59 33.636% 43.137%;
  927. --wa: 30.141 84.19% 49.608%;
  928. --er: 353.6 79.116% 48.824%
  929. }
  930. [data-theme=business] {
  931. color-scheme: dark;
  932. --pf: 210 64.103% 24.471%;
  933. --sf: 200 12.931% 43.608%;
  934. --af: 12.515 79.512% 47.843%;
  935. --nf: 212.73 13.58% 12.706%;
  936. --b2: 0 0% 11.294%;
  937. --b3: 0 0% 10.165%;
  938. --bc: 0 0% 82.51%;
  939. --pc: 210 100% 86.118%;
  940. --sc: 200 100% 10.902%;
  941. --ac: 12.515 100% 11.961%;
  942. --nc: 212.73 28.205% 83.176%;
  943. --inc: 199.15 100% 88.353%;
  944. --suc: 144 100% 11.137%;
  945. --wac: 39.231 100% 12.078%;
  946. --erc: 6.3415 100% 88.667%;
  947. --animation-btn: 0.25s;
  948. --animation-input: .2s;
  949. --btn-text-case: uppercase;
  950. --btn-focus-scale: 0.95;
  951. --border-btn: 1px;
  952. --tab-border: 1px;
  953. --tab-radius: 0.5rem;
  954. --p: 210 64.103% 30.588%;
  955. --s: 200 12.931% 54.51%;
  956. --a: 12.515 79.512% 59.804%;
  957. --n: 212.73 13.58% 15.882%;
  958. --b1: 0 0% 12.549%;
  959. --in: 199.15 100% 41.765%;
  960. --su: 144 30.973% 55.686%;
  961. --wa: 39.231 64.356% 60.392%;
  962. --er: 6.3415 55.656% 43.333%;
  963. --rounded-box: 0.25rem;
  964. --rounded-btn: .125rem;
  965. --rounded-badge: .125rem
  966. }
  967. [data-theme=acid] {
  968. color-scheme: light;
  969. --pf: 302.59 100% 40%;
  970. --sf: 27.294 100% 40%;
  971. --af: 72 98.425% 40.157%;
  972. --nf: 238.42 43.182% 13.804%;
  973. --b2: 0 0% 88.235%;
  974. --b3: 0 0% 79.412%;
  975. --bc: 0 0% 19.608%;
  976. --pc: 302.59 100% 90%;
  977. --sc: 27.294 100% 10%;
  978. --ac: 72 100% 10.039%;
  979. --nc: 238.42 99.052% 83.451%;
  980. --inc: 209.85 100% 11.569%;
  981. --suc: 148.87 100% 11.608%;
  982. --wac: 52.574 100% 11.451%;
  983. --erc: 0.78261 100% 89.02%;
  984. --animation-btn: 0.25s;
  985. --animation-input: .2s;
  986. --btn-text-case: uppercase;
  987. --btn-focus-scale: 0.95;
  988. --border-btn: 1px;
  989. --tab-border: 1px;
  990. --tab-radius: 0.5rem;
  991. --p: 302.59 100% 50%;
  992. --s: 27.294 100% 50%;
  993. --a: 72 98.425% 50.196%;
  994. --n: 238.42 43.182% 17.255%;
  995. --b1: 0 0% 98.039%;
  996. --in: 209.85 91.628% 57.843%;
  997. --su: 148.87 49.533% 58.039%;
  998. --wa: 52.574 92.661% 57.255%;
  999. --er: 0.78261 100% 45.098%;
  1000. --rounded-box: 1.25rem;
  1001. --rounded-btn: 1rem;
  1002. --rounded-badge: 1rem
  1003. }
  1004. [data-theme=lemonade] {
  1005. color-scheme: light;
  1006. --pf: 88.8 96.154% 24.471%;
  1007. --sf: 60 80.952% 43.765%;
  1008. --af: 62.553 79.661% 70.745%;
  1009. --nf: 238.42 43.182% 13.804%;
  1010. --b2: 0 0% 90%;
  1011. --b3: 0 0% 81%;
  1012. --bc: 0 0% 20%;
  1013. --pc: 88.8 100% 86.118%;
  1014. --sc: 60 100% 10.941%;
  1015. --ac: 62.553 100% 17.686%;
  1016. --nc: 238.42 99.052% 83.451%;
  1017. --inc: 191.61 79.118% 16.902%;
  1018. --suc: 74.458 100% 15.725%;
  1019. --wac: 50.182 100% 15.059%;
  1020. --erc: 0.98361 100% 16.588%;
  1021. --rounded-box: 1rem;
  1022. --rounded-btn: 0.5rem;
  1023. --rounded-badge: 1.9rem;
  1024. --animation-btn: 0.25s;
  1025. --animation-input: .2s;
  1026. --btn-text-case: uppercase;
  1027. --btn-focus-scale: 0.95;
  1028. --border-btn: 1px;
  1029. --tab-border: 1px;
  1030. --tab-radius: 0.5rem;
  1031. --p: 88.8 96.154% 30.588%;
  1032. --s: 60 80.952% 54.706%;
  1033. --a: 62.553 79.661% 88.431%;
  1034. --n: 238.42 43.182% 17.255%;
  1035. --b1: 0 0% 100%;
  1036. --in: 191.61 39.241% 84.51%;
  1037. --su: 74.458 76.147% 78.627%;
  1038. --wa: 50.182 87.302% 75.294%;
  1039. --er: 0.98361 70.115% 82.941%
  1040. }
  1041. [data-theme=night] {
  1042. color-scheme: dark;
  1043. --pf: 198.44 93.204% 47.686%;
  1044. --sf: 234.45 89.474% 59.137%;
  1045. --af: 328.85 85.621% 56%;
  1046. --b2: 222.22 47.368% 10.059%;
  1047. --b3: 222.22 47.368% 9.0529%;
  1048. --bc: 222.22 65.563% 82.235%;
  1049. --pc: 198.44 100% 11.922%;
  1050. --sc: 234.45 100% 14.784%;
  1051. --ac: 328.85 100% 14%;
  1052. --nc: 217.24 75.772% 83.49%;
  1053. --inc: 198.46 100% 9.6078%;
  1054. --suc: 172.46 100% 10.078%;
  1055. --wac: 40.61 100% 12.706%;
  1056. --erc: 350.94 100% 14.235%;
  1057. --rounded-box: 1rem;
  1058. --rounded-btn: 0.5rem;
  1059. --rounded-badge: 1.9rem;
  1060. --animation-btn: 0.25s;
  1061. --animation-input: .2s;
  1062. --btn-text-case: uppercase;
  1063. --btn-focus-scale: 0.95;
  1064. --border-btn: 1px;
  1065. --tab-border: 1px;
  1066. --tab-radius: 0.5rem;
  1067. --p: 198.44 93.204% 59.608%;
  1068. --s: 234.45 89.474% 73.922%;
  1069. --a: 328.85 85.621% 70%;
  1070. --n: 217.24 32.584% 17.451%;
  1071. --nf: 217.06 30.357% 21.961%;
  1072. --b1: 222.22 47.368% 11.176%;
  1073. --in: 198.46 90.204% 48.039%;
  1074. --su: 172.46 66.008% 50.392%;
  1075. --wa: 40.61 88.172% 63.529%;
  1076. --er: 350.94 94.558% 71.176%
  1077. }
  1078. [data-theme=coffee] {
  1079. color-scheme: dark;
  1080. --pf: 29.583 66.667% 46.118%;
  1081. --sf: 182.4 24.752% 15.843%;
  1082. --af: 194.19 74.4% 19.608%;
  1083. --nf: 300 20% 4.7059%;
  1084. --b2: 306 18.519% 9.5294%;
  1085. --b3: 306 18.519% 8.5765%;
  1086. --pc: 29.583 100% 11.529%;
  1087. --sc: 182.4 67.237% 83.961%;
  1088. --ac: 194.19 100% 84.902%;
  1089. --nc: 300 13.75% 81.176%;
  1090. --inc: 171.15 100% 13.451%;
  1091. --suc: 92.5 100% 12.471%;
  1092. --wac: 43.125 100% 13.725%;
  1093. --erc: 9.7561 100% 14.941%;
  1094. --rounded-box: 1rem;
  1095. --rounded-btn: 0.5rem;
  1096. --rounded-badge: 1.9rem;
  1097. --animation-btn: 0.25s;
  1098. --animation-input: .2s;
  1099. --btn-text-case: uppercase;
  1100. --btn-focus-scale: 0.95;
  1101. --border-btn: 1px;
  1102. --tab-border: 1px;
  1103. --tab-radius: 0.5rem;
  1104. --p: 29.583 66.667% 57.647%;
  1105. --s: 182.4 24.752% 19.804%;
  1106. --a: 194.19 74.4% 24.51%;
  1107. --n: 300 20% 5.8824%;
  1108. --b1: 306 18.519% 10.588%;
  1109. --bc: 36.667 8.3333% 42.353%;
  1110. --in: 171.15 36.527% 67.255%;
  1111. --su: 92.5 25% 62.353%;
  1112. --wa: 43.125 100% 68.627%;
  1113. --er: 9.7561 95.349% 74.706%
  1114. }
  1115. [data-theme=winter] {
  1116. color-scheme: light;
  1117. --pf: 211.79 100% 40.627%;
  1118. --sf: 246.92 47.273% 34.51%;
  1119. --af: 310.41 49.388% 41.569%;
  1120. --nf: 217.02 92.157% 8%;
  1121. --pc: 211.79 100% 90.157%;
  1122. --sc: 246.92 100% 88.627%;
  1123. --ac: 310.41 100% 90.392%;
  1124. --nc: 217.02 100% 82%;
  1125. --inc: 191.54 100% 15.608%;
  1126. --suc: 181.5 100% 13.255%;
  1127. --wac: 32.308 100% 16.706%;
  1128. --erc: 0 100% 14.431%;
  1129. --rounded-box: 1rem;
  1130. --rounded-btn: 0.5rem;
  1131. --rounded-badge: 1.9rem;
  1132. --animation-btn: 0.25s;
  1133. --animation-input: .2s;
  1134. --btn-text-case: uppercase;
  1135. --btn-focus-scale: 0.95;
  1136. --border-btn: 1px;
  1137. --tab-border: 1px;
  1138. --tab-radius: 0.5rem;
  1139. --p: 211.79 100% 50.784%;
  1140. --s: 246.92 47.273% 43.137%;
  1141. --a: 310.41 49.388% 51.961%;
  1142. --n: 217.02 92.157% 10%;
  1143. --b1: 0 0% 100%;
  1144. --b2: 216.92 100% 97.451%;
  1145. --b3: 218.82 43.59% 92.353%;
  1146. --bc: 214.29 30.061% 31.961%;
  1147. --in: 191.54 92.857% 78.039%;
  1148. --su: 181.5 46.512% 66.275%;
  1149. --wa: 32.308 61.905% 83.529%;
  1150. --er: 0 63.38% 72.157%
  1151. }
  1152. *, ::before, ::after {
  1153. --tw-border-spacing-x: 0;
  1154. --tw-border-spacing-y: 0;
  1155. --tw-translate-x: 0;
  1156. --tw-translate-y: 0;
  1157. --tw-rotate: 0;
  1158. --tw-skew-x: 0;
  1159. --tw-skew-y: 0;
  1160. --tw-scale-x: 1;
  1161. --tw-scale-y: 1;
  1162. --tw-pan-x: ;
  1163. --tw-pan-y: ;
  1164. --tw-pinch-zoom: ;
  1165. --tw-scroll-snap-strictness: proximity;
  1166. --tw-ordinal: ;
  1167. --tw-slashed-zero: ;
  1168. --tw-numeric-figure: ;
  1169. --tw-numeric-spacing: ;
  1170. --tw-numeric-fraction: ;
  1171. --tw-ring-inset: ;
  1172. --tw-ring-offset-width: 0px;
  1173. --tw-ring-offset-color: #fff;
  1174. --tw-ring-color: rgb(59 130 246 / 0.5);
  1175. --tw-ring-offset-shadow: 0 0 #0000;
  1176. --tw-ring-shadow: 0 0 #0000;
  1177. --tw-shadow: 0 0 #0000;
  1178. --tw-shadow-colored: 0 0 #0000;
  1179. --tw-blur: ;
  1180. --tw-brightness: ;
  1181. --tw-contrast: ;
  1182. --tw-grayscale: ;
  1183. --tw-hue-rotate: ;
  1184. --tw-invert: ;
  1185. --tw-saturate: ;
  1186. --tw-sepia: ;
  1187. --tw-drop-shadow: ;
  1188. --tw-backdrop-blur: ;
  1189. --tw-backdrop-brightness: ;
  1190. --tw-backdrop-contrast: ;
  1191. --tw-backdrop-grayscale: ;
  1192. --tw-backdrop-hue-rotate: ;
  1193. --tw-backdrop-invert: ;
  1194. --tw-backdrop-opacity: ;
  1195. --tw-backdrop-saturate: ;
  1196. --tw-backdrop-sepia:
  1197. }
  1198. ::backdrop {
  1199. --tw-border-spacing-x: 0;
  1200. --tw-border-spacing-y: 0;
  1201. --tw-translate-x: 0;
  1202. --tw-translate-y: 0;
  1203. --tw-rotate: 0;
  1204. --tw-skew-x: 0;
  1205. --tw-skew-y: 0;
  1206. --tw-scale-x: 1;
  1207. --tw-scale-y: 1;
  1208. --tw-pan-x: ;
  1209. --tw-pan-y: ;
  1210. --tw-pinch-zoom: ;
  1211. --tw-scroll-snap-strictness: proximity;
  1212. --tw-ordinal: ;
  1213. --tw-slashed-zero: ;
  1214. --tw-numeric-figure: ;
  1215. --tw-numeric-spacing: ;
  1216. --tw-numeric-fraction: ;
  1217. --tw-ring-inset: ;
  1218. --tw-ring-offset-width: 0px;
  1219. --tw-ring-offset-color: #fff;
  1220. --tw-ring-color: rgb(59 130 246 / 0.5);
  1221. --tw-ring-offset-shadow: 0 0 #0000;
  1222. --tw-ring-shadow: 0 0 #0000;
  1223. --tw-shadow: 0 0 #0000;
  1224. --tw-shadow-colored: 0 0 #0000;
  1225. --tw-blur: ;
  1226. --tw-brightness: ;
  1227. --tw-contrast: ;
  1228. --tw-grayscale: ;
  1229. --tw-hue-rotate: ;
  1230. --tw-invert: ;
  1231. --tw-saturate: ;
  1232. --tw-sepia: ;
  1233. --tw-drop-shadow: ;
  1234. --tw-backdrop-blur: ;
  1235. --tw-backdrop-brightness: ;
  1236. --tw-backdrop-contrast: ;
  1237. --tw-backdrop-grayscale: ;
  1238. --tw-backdrop-hue-rotate: ;
  1239. --tw-backdrop-invert: ;
  1240. --tw-backdrop-opacity: ;
  1241. --tw-backdrop-saturate: ;
  1242. --tw-backdrop-sepia:
  1243. }