@timmo001/groundwork-tokens 0.9.40 → 0.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/generated/Themes.qml +1 -1
  2. package/generated/opentui.ts +96 -4
  3. package/generated/themes.css +261 -196
  4. package/generated/themes.json +97 -82
  5. package/generated/themes.ts +97 -82
  6. package/package.json +1 -1
  7. package/src/choices.ts +36 -16
  8. package/src/generate.ts +8 -8
  9. package/src/page.ts +165 -159
  10. package/src/schema.ts +3 -2
  11. package/themes/tokyo-night-moon.json +14 -0
  12. package/themes/tokyo-night-storm.json +14 -0
  13. package/themes/tokyo-night.json +14 -0
  14. package/themes/tokyo-night-day.json +0 -21
package/generated/themes.css CHANGED
@@ -3449,55 +3449,55 @@ gw-option-list:not(:defined) {
3449
3449
  }
3450
3450
 
3451
3451
  [data-gw-theme="tokyo-night"] {
3452
- color-scheme: dark;
3453
- --gw-color-surface-lower: oklch(20.4% 0.0158 284.91);
3454
- --gw-color-surface-low: oklch(21.51% 0.0214 280.49);
3455
- --gw-color-surface-default: oklch(22.63% 0.0214 280.49);
3456
- --gw-color-surface-raised: oklch(30.56% 0.0369 273.23);
3457
- --gw-color-surface-overlay: oklch(33.06% 0.0369 273.23);
3458
- --gw-color-border-quiet: oklch(35.67% 0.0537 273.88);
3459
- --gw-color-border-normal: oklch(38.67% 0.0537 273.88);
3460
- --gw-color-border-loud: oklch(46.67% 0.0537 273.88);
3461
- --gw-color-text-strong: oklch(84.56% 0.0611 274.76);
3462
- --gw-color-text-primary: oklch(84.56% 0.0611 274.76);
3463
- --gw-color-text-secondary: oklch(76.66% 0.0537 275.49);
3464
- --gw-color-text-disabled: oklch(76.66% 0.0537 275.49 / 0.6);
3465
- --gw-color-fill-neutral-resting: oklch(33.56% 0.0369 273.23);
3466
- --gw-color-fill-neutral-hovered: oklch(36.56% 0.0369 273.23);
3467
- --gw-color-fill-neutral-pressed: oklch(39.56% 0.0369 273.23);
3468
- --gw-color-fill-neutral-selected: oklch(38.56% 0.0369 273.23);
3469
- --gw-color-fill-neutral-disabled: oklch(32.06% 0.0369 273.23);
3470
- --gw-color-fill-primary-resting: oklch(84.56% 0.0611 274.76);
3471
- --gw-color-fill-primary-hovered: oklch(78.56% 0.0611 274.76);
3472
- --gw-color-fill-primary-pressed: oklch(74.56% 0.0611 274.76);
3473
- --gw-color-on-primary: oklch(22.63% 0.0214 280.49);
3474
- --gw-color-accent: oklch(71.9% 0.1322 264.2);
3475
- --gw-color-fill-accent-resting: oklch(71.9% 0.1322 264.2);
3476
- --gw-color-fill-accent-hovered: oklch(76.9% 0.1177 264.2);
3477
- --gw-color-fill-accent-pressed: oklch(69.4% 0.1322 264.2);
3478
- --gw-color-fill-accent-quiet: oklch(71.9% 0.1322 264.2 / 0.16);
3479
- --gw-color-border-accent: oklch(71.9% 0.1322 264.2 / 0.5);
3480
- --gw-color-on-accent: oklch(15% 0 0);
3481
- --gw-color-focus: oklch(71.9% 0.1322 264.2);
3482
- --gw-color-link: oklch(71.9% 0.1322 264.2);
3483
- --gw-color-info: oklch(71.9% 0.1322 264.2);
3484
- --gw-color-fill-info-quiet: oklch(71.9% 0.1322 264.2 / 0.14);
3485
- --gw-color-border-info: oklch(71.9% 0.1322 264.2 / 0.45);
3486
- --gw-color-success: oklch(79.53% 0.1395 130.14);
3487
- --gw-color-fill-success-quiet: oklch(79.53% 0.1395 130.14 / 0.14);
3488
- --gw-color-border-success: oklch(79.53% 0.1395 130.14 / 0.45);
3489
- --gw-color-important: oklch(75.15% 0.1344 299.5);
3490
- --gw-color-fill-important-quiet: oklch(75.15% 0.1344 299.5 / 0.14);
3491
- --gw-color-border-important: oklch(75.15% 0.1344 299.5 / 0.45);
3492
- --gw-color-warning: oklch(78.39% 0.1057 75.43);
3493
- --gw-color-fill-warning-quiet: oklch(78.39% 0.1057 75.43 / 0.14);
3494
- --gw-color-border-warning: oklch(78.39% 0.1057 75.43 / 0.45);
3495
- --gw-color-danger: oklch(72.27% 0.1589 10.28);
3496
- --gw-color-fill-danger-quiet: oklch(72.27% 0.1589 10.28 / 0.14);
3497
- --gw-color-border-danger: oklch(72.27% 0.1589 10.28 / 0.45);
3498
- --gw-shadow-s: 0 1px 2px rgb(0 0 0 / 0.18);
3499
- --gw-shadow-m: 0 4px 12px rgb(0 0 0 / 0.24);
3500
- --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3452
+ color-scheme: light;
3453
+ --gw-color-surface-lower: oklch(87.34% 0.02 270.19);
3454
+ --gw-color-surface-low: oklch(89.34% 0.0068 277.16);
3455
+ --gw-color-surface-default: oklch(91.35% 0.0068 277.16);
3456
+ --gw-color-surface-raised: oklch(93.52% 0.0054 286.3);
3457
+ --gw-color-surface-overlay: oklch(91.02% 0.0054 286.3);
3458
+ --gw-color-border-quiet: oklch(86.52% 0.0254 275.85);
3459
+ --gw-color-border-normal: oklch(83.52% 0.0254 275.85);
3460
+ --gw-color-border-loud: oklch(75.52% 0.0254 275.85);
3461
+ --gw-color-text-strong: oklch(51.21% 0.1563 264.1);
3462
+ --gw-color-text-primary: oklch(51.21% 0.1563 264.1);
3463
+ --gw-color-text-secondary: oklch(56.53% 0.0983 271.32);
3464
+ --gw-color-text-disabled: oklch(56.53% 0.0983 271.32 / 0.6);
3465
+ --gw-color-fill-neutral-resting: oklch(90.52% 0.0054 286.3);
3466
+ --gw-color-fill-neutral-hovered: oklch(87.52% 0.0054 286.3);
3467
+ --gw-color-fill-neutral-pressed: oklch(84.52% 0.0054 286.3);
3468
+ --gw-color-fill-neutral-selected: oklch(85.52% 0.0054 286.3);
3469
+ --gw-color-fill-neutral-disabled: oklch(92.02% 0.0054 286.3);
3470
+ --gw-color-fill-primary-resting: oklch(51.21% 0.1563 264.1);
3471
+ --gw-color-fill-primary-hovered: oklch(57.21% 0.1563 264.1);
3472
+ --gw-color-fill-primary-pressed: oklch(61.21% 0.1563 264.1);
3473
+ --gw-color-on-primary: oklch(91.35% 0.0068 277.16);
3474
+ --gw-color-accent: oklch(59.99% 0.1804 257.53);
3475
+ --gw-color-fill-accent-resting: oklch(59.99% 0.1804 257.53);
3476
+ --gw-color-fill-accent-hovered: oklch(40.8% 0.1701 257.53);
3477
+ --gw-color-fill-accent-pressed: oklch(48.3% 0.1772 257.53);
3478
+ --gw-color-fill-accent-quiet: oklch(45.8% 0.1763 257.53 / 0.16);
3479
+ --gw-color-border-accent: oklch(45.8% 0.1763 257.53 / 0.5);
3480
+ --gw-color-on-accent: oklch(100% 0 0);
3481
+ --gw-color-focus: oklch(59.99% 0.1804 257.53);
3482
+ --gw-color-link: oklch(45.8% 0.1763 257.53);
3483
+ --gw-color-info: oklch(59.99% 0.1804 257.53);
3484
+ --gw-color-fill-info-quiet: oklch(59.99% 0.1804 257.53 / 0.14);
3485
+ --gw-color-border-info: oklch(59.99% 0.1804 257.53 / 0.45);
3486
+ --gw-color-success: oklch(52.49% 0.0929 130.28);
3487
+ --gw-color-fill-success-quiet: oklch(52.49% 0.0929 130.28 / 0.14);
3488
+ --gw-color-border-success: oklch(52.49% 0.0929 130.28 / 0.45);
3489
+ --gw-color-important: oklch(60.41% 0.2245 299.48);
3490
+ --gw-color-fill-important-quiet: oklch(60.41% 0.2245 299.48 / 0.14);
3491
+ --gw-color-border-important: oklch(60.41% 0.2245 299.48 / 0.45);
3492
+ --gw-color-warning: oklch(55.27% 0.0749 75.19);
3493
+ --gw-color-fill-warning-quiet: oklch(55.27% 0.0749 75.19 / 0.14);
3494
+ --gw-color-border-warning: oklch(55.27% 0.0749 75.19 / 0.45);
3495
+ --gw-color-danger: oklch(63.37% 0.2326 11.57);
3496
+ --gw-color-fill-danger-quiet: oklch(63.37% 0.2326 11.57 / 0.14);
3497
+ --gw-color-border-danger: oklch(63.37% 0.2326 11.57 / 0.45);
3498
+ --gw-shadow-s: 0 1px 2px rgb(16 20 28 / 0.06);
3499
+ --gw-shadow-m: 0 4px 12px rgb(16 20 28 / 0.08);
3500
+ --gw-shadow-l: 0 12px 32px rgb(16 20 28 / 0.12);
3501
3501
  }
3502
3502
 
3503
3503
  [data-gw-theme="tokyo-night"][data-gw-mode="dark"] {
@@ -3552,6 +3552,60 @@ gw-option-list:not(:defined) {
3552
3552
  --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3553
3553
  }
3554
3554
 
3555
+ @media (prefers-color-scheme: dark) {
3556
+ [data-gw-theme="tokyo-night"]:not([data-gw-mode]) {
3557
+ color-scheme: dark;
3558
+ --gw-color-surface-lower: oklch(20.4% 0.0158 284.91);
3559
+ --gw-color-surface-low: oklch(21.51% 0.0214 280.49);
3560
+ --gw-color-surface-default: oklch(22.63% 0.0214 280.49);
3561
+ --gw-color-surface-raised: oklch(30.56% 0.0369 273.23);
3562
+ --gw-color-surface-overlay: oklch(33.06% 0.0369 273.23);
3563
+ --gw-color-border-quiet: oklch(35.67% 0.0537 273.88);
3564
+ --gw-color-border-normal: oklch(38.67% 0.0537 273.88);
3565
+ --gw-color-border-loud: oklch(46.67% 0.0537 273.88);
3566
+ --gw-color-text-strong: oklch(84.56% 0.0611 274.76);
3567
+ --gw-color-text-primary: oklch(84.56% 0.0611 274.76);
3568
+ --gw-color-text-secondary: oklch(76.66% 0.0537 275.49);
3569
+ --gw-color-text-disabled: oklch(76.66% 0.0537 275.49 / 0.6);
3570
+ --gw-color-fill-neutral-resting: oklch(33.56% 0.0369 273.23);
3571
+ --gw-color-fill-neutral-hovered: oklch(36.56% 0.0369 273.23);
3572
+ --gw-color-fill-neutral-pressed: oklch(39.56% 0.0369 273.23);
3573
+ --gw-color-fill-neutral-selected: oklch(38.56% 0.0369 273.23);
3574
+ --gw-color-fill-neutral-disabled: oklch(32.06% 0.0369 273.23);
3575
+ --gw-color-fill-primary-resting: oklch(84.56% 0.0611 274.76);
3576
+ --gw-color-fill-primary-hovered: oklch(78.56% 0.0611 274.76);
3577
+ --gw-color-fill-primary-pressed: oklch(74.56% 0.0611 274.76);
3578
+ --gw-color-on-primary: oklch(22.63% 0.0214 280.49);
3579
+ --gw-color-accent: oklch(71.9% 0.1322 264.2);
3580
+ --gw-color-fill-accent-resting: oklch(71.9% 0.1322 264.2);
3581
+ --gw-color-fill-accent-hovered: oklch(76.9% 0.1177 264.2);
3582
+ --gw-color-fill-accent-pressed: oklch(69.4% 0.1322 264.2);
3583
+ --gw-color-fill-accent-quiet: oklch(71.9% 0.1322 264.2 / 0.16);
3584
+ --gw-color-border-accent: oklch(71.9% 0.1322 264.2 / 0.5);
3585
+ --gw-color-on-accent: oklch(15% 0 0);
3586
+ --gw-color-focus: oklch(71.9% 0.1322 264.2);
3587
+ --gw-color-link: oklch(71.9% 0.1322 264.2);
3588
+ --gw-color-info: oklch(71.9% 0.1322 264.2);
3589
+ --gw-color-fill-info-quiet: oklch(71.9% 0.1322 264.2 / 0.14);
3590
+ --gw-color-border-info: oklch(71.9% 0.1322 264.2 / 0.45);
3591
+ --gw-color-success: oklch(79.53% 0.1395 130.14);
3592
+ --gw-color-fill-success-quiet: oklch(79.53% 0.1395 130.14 / 0.14);
3593
+ --gw-color-border-success: oklch(79.53% 0.1395 130.14 / 0.45);
3594
+ --gw-color-important: oklch(75.15% 0.1344 299.5);
3595
+ --gw-color-fill-important-quiet: oklch(75.15% 0.1344 299.5 / 0.14);
3596
+ --gw-color-border-important: oklch(75.15% 0.1344 299.5 / 0.45);
3597
+ --gw-color-warning: oklch(78.39% 0.1057 75.43);
3598
+ --gw-color-fill-warning-quiet: oklch(78.39% 0.1057 75.43 / 0.14);
3599
+ --gw-color-border-warning: oklch(78.39% 0.1057 75.43 / 0.45);
3600
+ --gw-color-danger: oklch(72.27% 0.1589 10.28);
3601
+ --gw-color-fill-danger-quiet: oklch(72.27% 0.1589 10.28 / 0.14);
3602
+ --gw-color-border-danger: oklch(72.27% 0.1589 10.28 / 0.45);
3603
+ --gw-shadow-s: 0 1px 2px rgb(0 0 0 / 0.18);
3604
+ --gw-shadow-m: 0 4px 12px rgb(0 0 0 / 0.24);
3605
+ --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3606
+ }
3607
+ }
3608
+
3555
3609
  [data-gw-theme="tokyo-night"][data-gw-mode="darker"] {
3556
3610
  color-scheme: dark;
3557
3611
  --gw-color-surface-lower: oklch(15.9% 0.0158 284.91);
@@ -3604,7 +3658,7 @@ gw-option-list:not(:defined) {
3604
3658
  --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3605
3659
  }
3606
3660
 
3607
- [data-gw-theme="tokyo-night-day"] {
3661
+ [data-gw-theme="tokyo-night-moon"] {
3608
3662
  --gw-font-sans: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;
3609
3663
  --gw-font-figures: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;
3610
3664
  --gw-font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
@@ -3649,7 +3703,7 @@ gw-option-list:not(:defined) {
3649
3703
  --gw-row-padding: var(--gw-space-3);
3650
3704
  }
3651
3705
 
3652
- [data-gw-theme="tokyo-night-day"] {
3706
+ [data-gw-theme="tokyo-night-moon"] {
3653
3707
  color-scheme: light;
3654
3708
  --gw-color-surface-lower: oklch(87.34% 0.02 270.19);
3655
3709
  --gw-color-surface-low: oklch(89.34% 0.0068 277.16);
@@ -3701,52 +3755,7 @@ gw-option-list:not(:defined) {
3701
3755
  --gw-shadow-l: 0 12px 32px rgb(16 20 28 / 0.12);
3702
3756
  }
3703
3757
 
3704
- [data-gw-theme="tokyo-night-moon"] {
3705
- --gw-font-sans: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;
3706
- --gw-font-figures: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;
3707
- --gw-font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
3708
- --gw-font-weight-regular: 400;
3709
- --gw-font-weight-strong: 600;
3710
- --gw-density: 1;
3711
- --gw-control-scale: 1;
3712
- --gw-space-0-5: calc(0.125rem * var(--gw-density));
3713
- --gw-space-1: calc(0.25rem * var(--gw-density));
3714
- --gw-space-2: calc(0.5rem * var(--gw-density));
3715
- --gw-space-3: calc(0.75rem * var(--gw-density));
3716
- --gw-space-4: calc(1rem * var(--gw-density));
3717
- --gw-space-5: calc(1.25rem * var(--gw-density));
3718
- --gw-space-6: calc(1.5rem * var(--gw-density));
3719
- --gw-space-7: calc(1.75rem * var(--gw-density));
3720
- --gw-space-8: calc(2rem * var(--gw-density));
3721
- --gw-space-9: calc(2.25rem * var(--gw-density));
3722
- --gw-space-10: calc(2.5rem * var(--gw-density));
3723
- --gw-space-11: calc(2.75rem * var(--gw-density));
3724
- --gw-space-12: calc(3rem * var(--gw-density));
3725
- --gw-space-13: calc(3.25rem * var(--gw-density));
3726
- --gw-space-14: calc(3.5rem * var(--gw-density));
3727
- --gw-space-15: calc(3.75rem * var(--gw-density));
3728
- --gw-space-16: calc(4rem * var(--gw-density));
3729
- --gw-space-17: calc(4.25rem * var(--gw-density));
3730
- --gw-space-18: calc(4.5rem * var(--gw-density));
3731
- --gw-space-19: calc(4.75rem * var(--gw-density));
3732
- --gw-space-20: calc(5rem * var(--gw-density));
3733
- --gw-radius-panel: 10px;
3734
- --gw-radius-control: 8px;
3735
- --gw-radius-chip: 6px;
3736
- --gw-border-width: 1px;
3737
- --gw-border-color: var(--gw-color-border-quiet);
3738
- --gw-label-transform: none;
3739
- --gw-label-tracking: normal;
3740
- --gw-link-color: var(--gw-color-link);
3741
- --gw-link-underline: 1px;
3742
- --gw-panel-sheen: none;
3743
- --gw-panel-marker: 0px;
3744
- --gw-panel-flange: 0px;
3745
- --gw-panel-flange-color: var(--gw-border-color);
3746
- --gw-row-padding: var(--gw-space-3);
3747
- }
3748
-
3749
- [data-gw-theme="tokyo-night-moon"] {
3758
+ [data-gw-theme="tokyo-night-moon"][data-gw-mode="dark"] {
3750
3759
  color-scheme: dark;
3751
3760
  --gw-color-surface-lower: oklch(24.93% 0.0305 278.44);
3752
3761
  --gw-color-surface-low: oklch(25.81% 0.0337 278.96);
@@ -3798,56 +3807,58 @@ gw-option-list:not(:defined) {
3798
3807
  --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3799
3808
  }
3800
3809
 
3801
- [data-gw-theme="tokyo-night-moon"][data-gw-mode="dark"] {
3802
- color-scheme: dark;
3803
- --gw-color-surface-lower: oklch(24.93% 0.0305 278.44);
3804
- --gw-color-surface-low: oklch(25.81% 0.0337 278.96);
3805
- --gw-color-surface-default: oklch(26.69% 0.0337 278.96);
3806
- --gw-color-surface-raised: oklch(32.94% 0.0464 276.83);
3807
- --gw-color-surface-overlay: oklch(35.44% 0.0464 276.83);
3808
- --gw-color-border-quiet: oklch(35.67% 0.0537 273.88);
3809
- --gw-color-border-normal: oklch(38.67% 0.0537 273.88);
3810
- --gw-color-border-loud: oklch(46.67% 0.0537 273.88);
3811
- --gw-color-text-strong: oklch(86.94% 0.0486 271.21);
3812
- --gw-color-text-primary: oklch(86.94% 0.0486 271.21);
3813
- --gw-color-text-secondary: oklch(64.63% 0.0682 275.56);
3814
- --gw-color-text-disabled: oklch(64.63% 0.0682 275.56 / 0.6);
3815
- --gw-color-fill-neutral-resting: oklch(35.94% 0.0464 276.83);
3816
- --gw-color-fill-neutral-hovered: oklch(38.94% 0.0464 276.83);
3817
- --gw-color-fill-neutral-pressed: oklch(41.94% 0.0464 276.83);
3818
- --gw-color-fill-neutral-selected: oklch(40.94% 0.0464 276.83);
3819
- --gw-color-fill-neutral-disabled: oklch(34.44% 0.0464 276.83);
3820
- --gw-color-fill-primary-resting: oklch(86.94% 0.0486 271.21);
3821
- --gw-color-fill-primary-hovered: oklch(80.94% 0.0486 271.21);
3822
- --gw-color-fill-primary-pressed: oklch(76.94% 0.0486 271.21);
3823
- --gw-color-on-primary: oklch(26.69% 0.0337 278.96);
3824
- --gw-color-accent: oklch(74.41% 0.1311 264.28);
3825
- --gw-color-fill-accent-resting: oklch(74.41% 0.1311 264.28);
3826
- --gw-color-fill-accent-hovered: oklch(79.41% 0.1041 264.28);
3827
- --gw-color-fill-accent-pressed: oklch(71.91% 0.1311 264.28);
3828
- --gw-color-fill-accent-quiet: oklch(74.41% 0.1311 264.28 / 0.16);
3829
- --gw-color-border-accent: oklch(74.41% 0.1311 264.28 / 0.5);
3830
- --gw-color-on-accent: oklch(15% 0 0);
3831
- --gw-color-focus: oklch(74.41% 0.1311 264.28);
3832
- --gw-color-link: oklch(74.41% 0.1311 264.28);
3833
- --gw-color-info: oklch(74.41% 0.1311 264.28);
3834
- --gw-color-fill-info-quiet: oklch(74.41% 0.1311 264.28 / 0.14);
3835
- --gw-color-border-info: oklch(74.41% 0.1311 264.28 / 0.45);
3836
- --gw-color-success: oklch(88.37% 0.1236 126.81);
3837
- --gw-color-fill-success-quiet: oklch(88.37% 0.1236 126.81 / 0.14);
3838
- --gw-color-border-success: oklch(88.37% 0.1236 126.81 / 0.45);
3839
- --gw-color-important: oklch(75.8% 0.1472 300.56);
3840
- --gw-color-fill-important-quiet: oklch(75.8% 0.1472 300.56 / 0.14);
3841
- --gw-color-border-important: oklch(75.8% 0.1472 300.56 / 0.45);
3842
- --gw-color-warning: oklch(86.33% 0.1168 75.04);
3843
- --gw-color-fill-warning-quiet: oklch(86.33% 0.1168 75.04 / 0.14);
3844
- --gw-color-border-warning: oklch(86.33% 0.1168 75.04 / 0.45);
3845
- --gw-color-danger: oklch(72.88% 0.1683 17.8);
3846
- --gw-color-fill-danger-quiet: oklch(72.88% 0.1683 17.8 / 0.14);
3847
- --gw-color-border-danger: oklch(72.88% 0.1683 17.8 / 0.45);
3848
- --gw-shadow-s: 0 1px 2px rgb(0 0 0 / 0.18);
3849
- --gw-shadow-m: 0 4px 12px rgb(0 0 0 / 0.24);
3850
- --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3810
+ @media (prefers-color-scheme: dark) {
3811
+ [data-gw-theme="tokyo-night-moon"]:not([data-gw-mode]) {
3812
+ color-scheme: dark;
3813
+ --gw-color-surface-lower: oklch(24.93% 0.0305 278.44);
3814
+ --gw-color-surface-low: oklch(25.81% 0.0337 278.96);
3815
+ --gw-color-surface-default: oklch(26.69% 0.0337 278.96);
3816
+ --gw-color-surface-raised: oklch(32.94% 0.0464 276.83);
3817
+ --gw-color-surface-overlay: oklch(35.44% 0.0464 276.83);
3818
+ --gw-color-border-quiet: oklch(35.67% 0.0537 273.88);
3819
+ --gw-color-border-normal: oklch(38.67% 0.0537 273.88);
3820
+ --gw-color-border-loud: oklch(46.67% 0.0537 273.88);
3821
+ --gw-color-text-strong: oklch(86.94% 0.0486 271.21);
3822
+ --gw-color-text-primary: oklch(86.94% 0.0486 271.21);
3823
+ --gw-color-text-secondary: oklch(64.63% 0.0682 275.56);
3824
+ --gw-color-text-disabled: oklch(64.63% 0.0682 275.56 / 0.6);
3825
+ --gw-color-fill-neutral-resting: oklch(35.94% 0.0464 276.83);
3826
+ --gw-color-fill-neutral-hovered: oklch(38.94% 0.0464 276.83);
3827
+ --gw-color-fill-neutral-pressed: oklch(41.94% 0.0464 276.83);
3828
+ --gw-color-fill-neutral-selected: oklch(40.94% 0.0464 276.83);
3829
+ --gw-color-fill-neutral-disabled: oklch(34.44% 0.0464 276.83);
3830
+ --gw-color-fill-primary-resting: oklch(86.94% 0.0486 271.21);
3831
+ --gw-color-fill-primary-hovered: oklch(80.94% 0.0486 271.21);
3832
+ --gw-color-fill-primary-pressed: oklch(76.94% 0.0486 271.21);
3833
+ --gw-color-on-primary: oklch(26.69% 0.0337 278.96);
3834
+ --gw-color-accent: oklch(74.41% 0.1311 264.28);
3835
+ --gw-color-fill-accent-resting: oklch(74.41% 0.1311 264.28);
3836
+ --gw-color-fill-accent-hovered: oklch(79.41% 0.1041 264.28);
3837
+ --gw-color-fill-accent-pressed: oklch(71.91% 0.1311 264.28);
3838
+ --gw-color-fill-accent-quiet: oklch(74.41% 0.1311 264.28 / 0.16);
3839
+ --gw-color-border-accent: oklch(74.41% 0.1311 264.28 / 0.5);
3840
+ --gw-color-on-accent: oklch(15% 0 0);
3841
+ --gw-color-focus: oklch(74.41% 0.1311 264.28);
3842
+ --gw-color-link: oklch(74.41% 0.1311 264.28);
3843
+ --gw-color-info: oklch(74.41% 0.1311 264.28);
3844
+ --gw-color-fill-info-quiet: oklch(74.41% 0.1311 264.28 / 0.14);
3845
+ --gw-color-border-info: oklch(74.41% 0.1311 264.28 / 0.45);
3846
+ --gw-color-success: oklch(88.37% 0.1236 126.81);
3847
+ --gw-color-fill-success-quiet: oklch(88.37% 0.1236 126.81 / 0.14);
3848
+ --gw-color-border-success: oklch(88.37% 0.1236 126.81 / 0.45);
3849
+ --gw-color-important: oklch(75.8% 0.1472 300.56);
3850
+ --gw-color-fill-important-quiet: oklch(75.8% 0.1472 300.56 / 0.14);
3851
+ --gw-color-border-important: oklch(75.8% 0.1472 300.56 / 0.45);
3852
+ --gw-color-warning: oklch(86.33% 0.1168 75.04);
3853
+ --gw-color-fill-warning-quiet: oklch(86.33% 0.1168 75.04 / 0.14);
3854
+ --gw-color-border-warning: oklch(86.33% 0.1168 75.04 / 0.45);
3855
+ --gw-color-danger: oklch(72.88% 0.1683 17.8);
3856
+ --gw-color-fill-danger-quiet: oklch(72.88% 0.1683 17.8 / 0.14);
3857
+ --gw-color-border-danger: oklch(72.88% 0.1683 17.8 / 0.45);
3858
+ --gw-shadow-s: 0 1px 2px rgb(0 0 0 / 0.18);
3859
+ --gw-shadow-m: 0 4px 12px rgb(0 0 0 / 0.24);
3860
+ --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3861
+ }
3851
3862
  }
3852
3863
 
3853
3864
  [data-gw-theme="tokyo-night-moon"][data-gw-mode="darker"] {
@@ -3948,55 +3959,55 @@ gw-option-list:not(:defined) {
3948
3959
  }
3949
3960
 
3950
3961
  [data-gw-theme="tokyo-night-storm"] {
3951
- color-scheme: dark;
3952
- --gw-color-surface-lower: oklch(26.1% 0.0344 274.16);
3953
- --gw-color-surface-low: oklch(27.14% 0.0355 274.75);
3954
- --gw-color-surface-default: oklch(28.19% 0.0355 274.75);
3955
- --gw-color-surface-raised: oklch(30.56% 0.0369 273.23);
3956
- --gw-color-surface-overlay: oklch(33.06% 0.0369 273.23);
3957
- --gw-color-border-quiet: oklch(35.67% 0.0537 273.88);
3958
- --gw-color-border-normal: oklch(38.67% 0.0537 273.88);
3959
- --gw-color-border-loud: oklch(46.67% 0.0537 273.88);
3960
- --gw-color-text-strong: oklch(84.56% 0.0611 274.76);
3961
- --gw-color-text-primary: oklch(84.56% 0.0611 274.76);
3962
- --gw-color-text-secondary: oklch(76.66% 0.0537 275.49);
3963
- --gw-color-text-disabled: oklch(76.66% 0.0537 275.49 / 0.6);
3964
- --gw-color-fill-neutral-resting: oklch(33.56% 0.0369 273.23);
3965
- --gw-color-fill-neutral-hovered: oklch(36.56% 0.0369 273.23);
3966
- --gw-color-fill-neutral-pressed: oklch(39.56% 0.0369 273.23);
3967
- --gw-color-fill-neutral-selected: oklch(38.56% 0.0369 273.23);
3968
- --gw-color-fill-neutral-disabled: oklch(32.06% 0.0369 273.23);
3969
- --gw-color-fill-primary-resting: oklch(84.56% 0.0611 274.76);
3970
- --gw-color-fill-primary-hovered: oklch(78.56% 0.0611 274.76);
3971
- --gw-color-fill-primary-pressed: oklch(74.56% 0.0611 274.76);
3972
- --gw-color-on-primary: oklch(28.19% 0.0355 274.75);
3973
- --gw-color-accent: oklch(71.9% 0.1322 264.2);
3974
- --gw-color-fill-accent-resting: oklch(71.9% 0.1322 264.2);
3975
- --gw-color-fill-accent-hovered: oklch(76.9% 0.1177 264.2);
3976
- --gw-color-fill-accent-pressed: oklch(69.4% 0.1322 264.2);
3977
- --gw-color-fill-accent-quiet: oklch(71.9% 0.1322 264.2 / 0.16);
3978
- --gw-color-border-accent: oklch(71.9% 0.1322 264.2 / 0.5);
3979
- --gw-color-on-accent: oklch(15% 0 0);
3980
- --gw-color-focus: oklch(71.9% 0.1322 264.2);
3981
- --gw-color-link: oklch(71.9% 0.1322 264.2);
3982
- --gw-color-info: oklch(71.9% 0.1322 264.2);
3983
- --gw-color-fill-info-quiet: oklch(71.9% 0.1322 264.2 / 0.14);
3984
- --gw-color-border-info: oklch(71.9% 0.1322 264.2 / 0.45);
3985
- --gw-color-success: oklch(79.53% 0.1395 130.14);
3986
- --gw-color-fill-success-quiet: oklch(79.53% 0.1395 130.14 / 0.14);
3987
- --gw-color-border-success: oklch(79.53% 0.1395 130.14 / 0.45);
3988
- --gw-color-important: oklch(75.15% 0.1344 299.5);
3989
- --gw-color-fill-important-quiet: oklch(75.15% 0.1344 299.5 / 0.14);
3990
- --gw-color-border-important: oklch(75.15% 0.1344 299.5 / 0.45);
3991
- --gw-color-warning: oklch(78.39% 0.1057 75.43);
3992
- --gw-color-fill-warning-quiet: oklch(78.39% 0.1057 75.43 / 0.14);
3993
- --gw-color-border-warning: oklch(78.39% 0.1057 75.43 / 0.45);
3994
- --gw-color-danger: oklch(72.27% 0.1589 10.28);
3995
- --gw-color-fill-danger-quiet: oklch(72.27% 0.1589 10.28 / 0.14);
3996
- --gw-color-border-danger: oklch(72.27% 0.1589 10.28 / 0.45);
3997
- --gw-shadow-s: 0 1px 2px rgb(0 0 0 / 0.18);
3998
- --gw-shadow-m: 0 4px 12px rgb(0 0 0 / 0.24);
3999
- --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
3962
+ color-scheme: light;
3963
+ --gw-color-surface-lower: oklch(87.34% 0.02 270.19);
3964
+ --gw-color-surface-low: oklch(89.34% 0.0068 277.16);
3965
+ --gw-color-surface-default: oklch(91.35% 0.0068 277.16);
3966
+ --gw-color-surface-raised: oklch(93.52% 0.0054 286.3);
3967
+ --gw-color-surface-overlay: oklch(91.02% 0.0054 286.3);
3968
+ --gw-color-border-quiet: oklch(86.52% 0.0254 275.85);
3969
+ --gw-color-border-normal: oklch(83.52% 0.0254 275.85);
3970
+ --gw-color-border-loud: oklch(75.52% 0.0254 275.85);
3971
+ --gw-color-text-strong: oklch(51.21% 0.1563 264.1);
3972
+ --gw-color-text-primary: oklch(51.21% 0.1563 264.1);
3973
+ --gw-color-text-secondary: oklch(56.53% 0.0983 271.32);
3974
+ --gw-color-text-disabled: oklch(56.53% 0.0983 271.32 / 0.6);
3975
+ --gw-color-fill-neutral-resting: oklch(90.52% 0.0054 286.3);
3976
+ --gw-color-fill-neutral-hovered: oklch(87.52% 0.0054 286.3);
3977
+ --gw-color-fill-neutral-pressed: oklch(84.52% 0.0054 286.3);
3978
+ --gw-color-fill-neutral-selected: oklch(85.52% 0.0054 286.3);
3979
+ --gw-color-fill-neutral-disabled: oklch(92.02% 0.0054 286.3);
3980
+ --gw-color-fill-primary-resting: oklch(51.21% 0.1563 264.1);
3981
+ --gw-color-fill-primary-hovered: oklch(57.21% 0.1563 264.1);
3982
+ --gw-color-fill-primary-pressed: oklch(61.21% 0.1563 264.1);
3983
+ --gw-color-on-primary: oklch(91.35% 0.0068 277.16);
3984
+ --gw-color-accent: oklch(59.99% 0.1804 257.53);
3985
+ --gw-color-fill-accent-resting: oklch(59.99% 0.1804 257.53);
3986
+ --gw-color-fill-accent-hovered: oklch(40.8% 0.1701 257.53);
3987
+ --gw-color-fill-accent-pressed: oklch(48.3% 0.1772 257.53);
3988
+ --gw-color-fill-accent-quiet: oklch(45.8% 0.1763 257.53 / 0.16);
3989
+ --gw-color-border-accent: oklch(45.8% 0.1763 257.53 / 0.5);
3990
+ --gw-color-on-accent: oklch(100% 0 0);
3991
+ --gw-color-focus: oklch(59.99% 0.1804 257.53);
3992
+ --gw-color-link: oklch(45.8% 0.1763 257.53);
3993
+ --gw-color-info: oklch(59.99% 0.1804 257.53);
3994
+ --gw-color-fill-info-quiet: oklch(59.99% 0.1804 257.53 / 0.14);
3995
+ --gw-color-border-info: oklch(59.99% 0.1804 257.53 / 0.45);
3996
+ --gw-color-success: oklch(52.49% 0.0929 130.28);
3997
+ --gw-color-fill-success-quiet: oklch(52.49% 0.0929 130.28 / 0.14);
3998
+ --gw-color-border-success: oklch(52.49% 0.0929 130.28 / 0.45);
3999
+ --gw-color-important: oklch(60.41% 0.2245 299.48);
4000
+ --gw-color-fill-important-quiet: oklch(60.41% 0.2245 299.48 / 0.14);
4001
+ --gw-color-border-important: oklch(60.41% 0.2245 299.48 / 0.45);
4002
+ --gw-color-warning: oklch(55.27% 0.0749 75.19);
4003
+ --gw-color-fill-warning-quiet: oklch(55.27% 0.0749 75.19 / 0.14);
4004
+ --gw-color-border-warning: oklch(55.27% 0.0749 75.19 / 0.45);
4005
+ --gw-color-danger: oklch(63.37% 0.2326 11.57);
4006
+ --gw-color-fill-danger-quiet: oklch(63.37% 0.2326 11.57 / 0.14);
4007
+ --gw-color-border-danger: oklch(63.37% 0.2326 11.57 / 0.45);
4008
+ --gw-shadow-s: 0 1px 2px rgb(16 20 28 / 0.06);
4009
+ --gw-shadow-m: 0 4px 12px rgb(16 20 28 / 0.08);
4010
+ --gw-shadow-l: 0 12px 32px rgb(16 20 28 / 0.12);
4000
4011
  }
4001
4012
 
4002
4013
  [data-gw-theme="tokyo-night-storm"][data-gw-mode="dark"] {
@@ -4051,6 +4062,60 @@ gw-option-list:not(:defined) {
4051
4062
  --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
4052
4063
  }
4053
4064
 
4065
+ @media (prefers-color-scheme: dark) {
4066
+ [data-gw-theme="tokyo-night-storm"]:not([data-gw-mode]) {
4067
+ color-scheme: dark;
4068
+ --gw-color-surface-lower: oklch(26.1% 0.0344 274.16);
4069
+ --gw-color-surface-low: oklch(27.14% 0.0355 274.75);
4070
+ --gw-color-surface-default: oklch(28.19% 0.0355 274.75);
4071
+ --gw-color-surface-raised: oklch(30.56% 0.0369 273.23);
4072
+ --gw-color-surface-overlay: oklch(33.06% 0.0369 273.23);
4073
+ --gw-color-border-quiet: oklch(35.67% 0.0537 273.88);
4074
+ --gw-color-border-normal: oklch(38.67% 0.0537 273.88);
4075
+ --gw-color-border-loud: oklch(46.67% 0.0537 273.88);
4076
+ --gw-color-text-strong: oklch(84.56% 0.0611 274.76);
4077
+ --gw-color-text-primary: oklch(84.56% 0.0611 274.76);
4078
+ --gw-color-text-secondary: oklch(76.66% 0.0537 275.49);
4079
+ --gw-color-text-disabled: oklch(76.66% 0.0537 275.49 / 0.6);
4080
+ --gw-color-fill-neutral-resting: oklch(33.56% 0.0369 273.23);
4081
+ --gw-color-fill-neutral-hovered: oklch(36.56% 0.0369 273.23);
4082
+ --gw-color-fill-neutral-pressed: oklch(39.56% 0.0369 273.23);
4083
+ --gw-color-fill-neutral-selected: oklch(38.56% 0.0369 273.23);
4084
+ --gw-color-fill-neutral-disabled: oklch(32.06% 0.0369 273.23);
4085
+ --gw-color-fill-primary-resting: oklch(84.56% 0.0611 274.76);
4086
+ --gw-color-fill-primary-hovered: oklch(78.56% 0.0611 274.76);
4087
+ --gw-color-fill-primary-pressed: oklch(74.56% 0.0611 274.76);
4088
+ --gw-color-on-primary: oklch(28.19% 0.0355 274.75);
4089
+ --gw-color-accent: oklch(71.9% 0.1322 264.2);
4090
+ --gw-color-fill-accent-resting: oklch(71.9% 0.1322 264.2);
4091
+ --gw-color-fill-accent-hovered: oklch(76.9% 0.1177 264.2);
4092
+ --gw-color-fill-accent-pressed: oklch(69.4% 0.1322 264.2);
4093
+ --gw-color-fill-accent-quiet: oklch(71.9% 0.1322 264.2 / 0.16);
4094
+ --gw-color-border-accent: oklch(71.9% 0.1322 264.2 / 0.5);
4095
+ --gw-color-on-accent: oklch(15% 0 0);
4096
+ --gw-color-focus: oklch(71.9% 0.1322 264.2);
4097
+ --gw-color-link: oklch(71.9% 0.1322 264.2);
4098
+ --gw-color-info: oklch(71.9% 0.1322 264.2);
4099
+ --gw-color-fill-info-quiet: oklch(71.9% 0.1322 264.2 / 0.14);
4100
+ --gw-color-border-info: oklch(71.9% 0.1322 264.2 / 0.45);
4101
+ --gw-color-success: oklch(79.53% 0.1395 130.14);
4102
+ --gw-color-fill-success-quiet: oklch(79.53% 0.1395 130.14 / 0.14);
4103
+ --gw-color-border-success: oklch(79.53% 0.1395 130.14 / 0.45);
4104
+ --gw-color-important: oklch(75.15% 0.1344 299.5);
4105
+ --gw-color-fill-important-quiet: oklch(75.15% 0.1344 299.5 / 0.14);
4106
+ --gw-color-border-important: oklch(75.15% 0.1344 299.5 / 0.45);
4107
+ --gw-color-warning: oklch(78.39% 0.1057 75.43);
4108
+ --gw-color-fill-warning-quiet: oklch(78.39% 0.1057 75.43 / 0.14);
4109
+ --gw-color-border-warning: oklch(78.39% 0.1057 75.43 / 0.45);
4110
+ --gw-color-danger: oklch(72.27% 0.1589 10.28);
4111
+ --gw-color-fill-danger-quiet: oklch(72.27% 0.1589 10.28 / 0.14);
4112
+ --gw-color-border-danger: oklch(72.27% 0.1589 10.28 / 0.45);
4113
+ --gw-shadow-s: 0 1px 2px rgb(0 0 0 / 0.18);
4114
+ --gw-shadow-m: 0 4px 12px rgb(0 0 0 / 0.24);
4115
+ --gw-shadow-l: 0 12px 32px rgb(0 0 0 / 0.36);
4116
+ }
4117
+ }
4118
+
4054
4119
  [data-gw-theme="tokyo-night-storm"][data-gw-mode="darker"] {
4055
4120
  color-scheme: dark;
4056
4121
  --gw-color-surface-lower: oklch(21.6% 0.0344 274.16);