|
443 | 443 | --shadow-xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 8px 10px -1px hsl(0 0% 0% / 0.03); |
444 | 444 | --shadow-2xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.07); |
445 | 445 | } |
| 446 | + |
| 447 | +/* ---------- Color Scheme: Lime ---------- */ |
| 448 | +:root[data-color-scheme="lime"] { |
| 449 | + --background: hsl(75.0000 40.0000% 98.0392%); |
| 450 | + --foreground: hsl(222.2222 47.3684% 11.1765%); |
| 451 | + --card: hsl(0 0% 100%); |
| 452 | + --card-foreground: hsl(222.2222 47.3684% 11.1765%); |
| 453 | + --popover: hsl(0 0% 100%); |
| 454 | + --popover-foreground: hsl(222.2222 47.3684% 11.1765%); |
| 455 | + --primary: hsl(82.5414 88.2927% 59.8039%); |
| 456 | + --primary-foreground: hsl(0 0% 0%); |
| 457 | + --secondary: hsl(215.2941 25.0000% 26.6667%); |
| 458 | + --secondary-foreground: hsl(210.0000 40.0000% 98.0392%); |
| 459 | + --muted: hsl(210.0000 40.0000% 96.0784%); |
| 460 | + --muted-foreground: hsl(215.3846 16.3180% 46.8627%); |
| 461 | + --accent: hsl(138.4615 76.4706% 96.6667%); |
| 462 | + --accent-foreground: hsl(142.7848 64.2276% 24.1176%); |
| 463 | + --destructive: hsl(0 84.2365% 60.1961%); |
| 464 | + --destructive-foreground: hsl(0 0% 100%); |
| 465 | + --border: hsl(214.2857 31.8182% 91.3725%); |
| 466 | + --input: hsl(214.2857 31.8182% 91.3725%); |
| 467 | + --ring: hsl(82.5414 88.2927% 59.8039%); |
| 468 | + --chart-1: hsl(82.5414 88.2927% 59.8039%); |
| 469 | + --chart-2: hsl(215.2941 25.0000% 26.6667%); |
| 470 | + --chart-3: hsl(142.0859 70.5628% 45.2941%); |
| 471 | + --chart-4: hsl(215.3846 16.3180% 46.8627%); |
| 472 | + --chart-5: hsl(215.0000 20.2247% 65.0980%); |
| 473 | + --sidebar: hsl(0 0% 100%); |
| 474 | + --sidebar-foreground: hsl(222.2222 47.3684% 11.1765%); |
| 475 | + --sidebar-primary: hsl(82.5414 88.2927% 59.8039%); |
| 476 | + --sidebar-primary-foreground: hsl(0 0% 0%); |
| 477 | + --sidebar-accent: hsl(210.0000 40.0000% 98.0392%); |
| 478 | + --sidebar-accent-foreground: hsl(222.2222 47.3684% 11.1765%); |
| 479 | + --sidebar-border: hsl(210.0000 40.0000% 96.0784%); |
| 480 | + --sidebar-ring: hsl(82.5414 88.2927% 59.8039%); |
| 481 | + --font-sans: Inter, system-ui, sans-serif; |
| 482 | + --font-serif: Georgia, serif; |
| 483 | + --font-mono: JetBrains Mono, monospace; |
| 484 | + --radius: 1rem; |
| 485 | + --shadow-x: 0px; |
| 486 | + --shadow-y: 8px; |
| 487 | + --shadow-blur: 20px; |
| 488 | + --shadow-spread: 0px; |
| 489 | + --shadow-opacity: 0.05; |
| 490 | + --shadow-color: #000000; |
| 491 | + --shadow-2xs: 0px 8px 20px 0px hsl(0 0% 0% / 0.03); |
| 492 | + --shadow-xs: 0px 8px 20px 0px hsl(0 0% 0% / 0.03); |
| 493 | + --shadow-sm: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05); |
| 494 | + --shadow: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05); |
| 495 | + --shadow-md: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05); |
| 496 | + --shadow-lg: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05); |
| 497 | + --shadow-xl: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05); |
| 498 | + --shadow-2xl: 0px 8px 20px 0px hsl(0 0% 0% / 0.13); |
| 499 | + --tracking-normal: -0.01em; |
| 500 | + --spacing: 0.25rem; |
| 501 | +} |
| 502 | + |
| 503 | +.dark[data-color-scheme="lime"], |
| 504 | +[data-color-scheme="lime"] .dark { |
| 505 | + --background: hsl(228.5714 84.0000% 4.9020%); |
| 506 | + --foreground: hsl(210.0000 40.0000% 98.0392%); |
| 507 | + --card: hsl(222.2222 47.3684% 11.1765%); |
| 508 | + --card-foreground: hsl(210.0000 40.0000% 98.0392%); |
| 509 | + --popover: hsl(222.2222 47.3684% 11.1765%); |
| 510 | + --popover-foreground: hsl(210.0000 40.0000% 98.0392%); |
| 511 | + --primary: hsl(82.5414 88.2927% 59.8039%); |
| 512 | + --primary-foreground: hsl(0 0% 0%); |
| 513 | + --secondary: hsl(217.2414 32.5843% 17.4510%); |
| 514 | + --secondary-foreground: hsl(210.0000 40.0000% 98.0392%); |
| 515 | + --muted: hsl(217.2414 32.5843% 17.4510%); |
| 516 | + --muted-foreground: hsl(215.0000 20.2247% 65.0980%); |
| 517 | + --accent: hsl(143.8095 61.1650% 20.1961%); |
| 518 | + --accent-foreground: hsl(82.5414 88.2927% 59.8039%); |
| 519 | + --destructive: hsl(0 70% 35.2941%); |
| 520 | + --destructive-foreground: hsl(0 0% 100%); |
| 521 | + --border: hsl(217.2414 32.5843% 17.4510%); |
| 522 | + --input: hsl(217.2414 32.5843% 17.4510%); |
| 523 | + --ring: hsl(82.5414 88.2927% 59.8039%); |
| 524 | + --chart-1: hsl(82.5414 88.2927% 59.8039%); |
| 525 | + --chart-2: hsl(217.2193 91.2195% 59.8039%); |
| 526 | + --chart-3: hsl(142.0859 70.5628% 45.2941%); |
| 527 | + --chart-4: hsl(270.7407 91.0112% 65.0980%); |
| 528 | + --chart-5: hsl(37.6923 92.1260% 50.1961%); |
| 529 | + --sidebar: hsl(228.5714 84.0000% 4.9020%); |
| 530 | + --sidebar-foreground: hsl(210.0000 40.0000% 98.0392%); |
| 531 | + --sidebar-primary: hsl(82.5414 88.2927% 59.8039%); |
| 532 | + --sidebar-primary-foreground: hsl(0 0% 0%); |
| 533 | + --sidebar-accent: hsl(217.2414 32.5843% 17.4510%); |
| 534 | + --sidebar-accent-foreground: hsl(210.0000 40.0000% 98.0392%); |
| 535 | + --sidebar-border: hsl(217.2414 32.5843% 17.4510%); |
| 536 | + --sidebar-ring: hsl(82.5414 88.2927% 59.8039%); |
| 537 | + --font-sans: Inter, system-ui, sans-serif; |
| 538 | + --font-serif: Georgia, serif; |
| 539 | + --font-mono: JetBrains Mono, monospace; |
| 540 | + --radius: 1rem; |
| 541 | + --shadow-x: 0px; |
| 542 | + --shadow-y: 10px; |
| 543 | + --shadow-blur: 25px; |
| 544 | + --shadow-spread: 0px; |
| 545 | + --shadow-opacity: 0.4; |
| 546 | + --shadow-color: #000000; |
| 547 | + --shadow-2xs: 0px 10px 25px 0px hsl(0 0% 0% / 0.20); |
| 548 | + --shadow-xs: 0px 10px 25px 0px hsl(0 0% 0% / 0.20); |
| 549 | + --shadow-sm: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40); |
| 550 | + --shadow: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40); |
| 551 | + --shadow-md: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40); |
| 552 | + --shadow-lg: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40); |
| 553 | + --shadow-xl: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40); |
| 554 | + --shadow-2xl: 0px 10px 25px 0px hsl(0 0% 0% / 1.00); |
| 555 | +} |
0 commit comments