@ecopages/radiant-themes 0.2.1 → 0.2.3
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.
- package/README.md +27 -15
- package/dist/compiled/themes/cloudflare/compact.css +40 -12
- package/dist/compiled/themes/cloudflare.css +40 -12
- package/dist/compiled/themes/github/compact.css +264 -67
- package/dist/compiled/themes/github.css +264 -67
- package/dist/compiled/themes/high-contrast/compact.css +88 -5
- package/dist/compiled/themes/high-contrast.css +88 -5
- package/dist/compiled/themes/macos/compact.css +679 -294
- package/dist/compiled/themes/macos-classic/compact.css +197 -25
- package/dist/compiled/themes/macos-classic.css +197 -25
- package/dist/compiled/themes/macos.css +679 -294
- package/dist/compiled/themes/material/compact.css +447 -132
- package/dist/compiled/themes/material.css +447 -132
- package/dist/compiled/themes/vercel/compact.css +104 -62
- package/dist/compiled/themes/vercel.css +104 -62
- package/dist/compiled/themes/vscode/compact.css +255 -40
- package/dist/compiled/themes/vscode.css +255 -40
- package/dist/compiled/themes/windows95/compact.css +260 -22
- package/dist/compiled/themes/windows95.css +260 -22
- package/dist/tokens/colors/github.css +32 -0
- package/dist/tokens/colors/macos.css +65 -25
- package/dist/tokens/colors/material.css +61 -20
- package/dist/tokens/colors/vercel.css +43 -39
- package/dist/tokens/colors/vscode.css +48 -4
- package/dist/tokens/colors/windows95.css +10 -5
- package/dist/tokens/components/cloudflare.css +55 -5
- package/dist/tokens/components/github.css +258 -40
- package/dist/tokens/components/high-contrast.css +93 -5
- package/dist/tokens/components/macos-classic.css +262 -24
- package/dist/tokens/components/macos.css +542 -106
- package/dist/tokens/components/material.css +354 -25
- package/dist/tokens/components/vercel.css +77 -15
- package/dist/tokens/components/vscode.css +248 -27
- package/dist/tokens/components/windows95.css +304 -19
- package/dist/tokens/roles/github.css +12 -12
- package/dist/tokens/roles/macos.css +97 -93
- package/dist/tokens/roles/material.css +65 -65
- package/dist/tokens/roles/vercel.css +3 -3
- package/package.json +3 -3
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--color-background: var(--background);
|
|
33
33
|
--color-on-background: var(--on-background);
|
|
34
34
|
--radius-none: var(--border-radius-none);
|
|
35
|
+
--radius-full: var(--border-radius-full);
|
|
35
36
|
--radius-control: var(--radius-control);
|
|
36
37
|
--radius-container: var(--radius-container);
|
|
37
38
|
--radius-pill: var(--radius-pill);
|
|
@@ -476,6 +477,24 @@
|
|
|
476
477
|
--focus-ring-width: 3px;
|
|
477
478
|
--focus-ring-offset: 3px;
|
|
478
479
|
--opacity-disabled: 1;
|
|
480
|
+
--opacity-muted: 0.75;
|
|
481
|
+
--radius-pill: 0;
|
|
482
|
+
--sheen-image: none;
|
|
483
|
+
--shadow-control: none;
|
|
484
|
+
--shadow-overlay: none;
|
|
485
|
+
--shadow-modal: none;
|
|
486
|
+
}
|
|
487
|
+
:root rui-tooltip {
|
|
488
|
+
--rui-tooltip-surface: var(--background);
|
|
489
|
+
--rui-tooltip-color: var(--on-background);
|
|
490
|
+
}
|
|
491
|
+
:root rui-tabs {
|
|
492
|
+
--rui-tabs-indicator-width: 3px;
|
|
493
|
+
}
|
|
494
|
+
:root rui-slider {
|
|
495
|
+
--rui-slider-thumb-background: var(--background);
|
|
496
|
+
--rui-slider-thumb-border-color: var(--on-background);
|
|
497
|
+
--rui-slider-focus-ring-width: 3px;
|
|
479
498
|
}
|
|
480
499
|
@layer components {
|
|
481
500
|
:root .rui-button {
|
|
@@ -532,22 +551,84 @@
|
|
|
532
551
|
border-color: var(--color-on-background);
|
|
533
552
|
background-color: var(--color-background);
|
|
534
553
|
}
|
|
554
|
+
:root .rui-radio__control {
|
|
555
|
+
border-radius: var(--radius-full);
|
|
556
|
+
}
|
|
535
557
|
:root .rui-switch__thumb {
|
|
536
558
|
border-radius: var(--radius-none);
|
|
537
559
|
}
|
|
538
560
|
:root .rui-checkbox__input:checked + .rui-checkbox__control,
|
|
539
|
-
:root .rui-radio__input:checked + .rui-radio__control,
|
|
540
561
|
:root .rui-switch__input:checked + .rui-switch__track {
|
|
541
562
|
border-style: var(--tw-border-style);
|
|
542
563
|
border-width: 2px;
|
|
543
564
|
border-color: var(--color-primary);
|
|
544
565
|
background-color: var(--color-primary);
|
|
545
566
|
}
|
|
567
|
+
:root .rui-radio__input:checked + .rui-radio__control {
|
|
568
|
+
border-style: var(--tw-border-style);
|
|
569
|
+
border-width: 2px;
|
|
570
|
+
border-color: var(--color-primary);
|
|
571
|
+
background-color: var(--color-background);
|
|
572
|
+
}
|
|
573
|
+
:root .rui-radio__input:checked + .rui-radio__control::after {
|
|
574
|
+
width: calc(var(--spacing, 0.25rem) * 2.5);
|
|
575
|
+
height: calc(var(--spacing, 0.25rem) * 2.5);
|
|
576
|
+
background-color: var(--color-primary);
|
|
577
|
+
}
|
|
578
|
+
:root .rui-switch__thumb {
|
|
579
|
+
border-style: var(--tw-border-style);
|
|
580
|
+
border-width: 2px;
|
|
581
|
+
border-color: var(--color-on-background);
|
|
582
|
+
}
|
|
583
|
+
:root .rui-switch__input:checked + .rui-switch__track .rui-switch__thumb {
|
|
584
|
+
border-color: var(--color-on-primary);
|
|
585
|
+
}
|
|
586
|
+
:root .rui-input::placeholder,
|
|
587
|
+
:root .rui-textarea::placeholder {
|
|
588
|
+
color: var(--on-background);
|
|
589
|
+
opacity: var(--opacity-muted);
|
|
590
|
+
}
|
|
591
|
+
:root .rui-toc__label,
|
|
592
|
+
:root .rui-toc__link,
|
|
593
|
+
:root .rui-breadcrumb__separator,
|
|
594
|
+
:root .rui-breadcrumb__ellipsis {
|
|
595
|
+
color: var(--on-background);
|
|
596
|
+
}
|
|
597
|
+
:root .rui-toc__link--active {
|
|
598
|
+
--tw-font-weight: var(--font-weight-bold, 700);
|
|
599
|
+
font-weight: var(--font-weight-bold, 700);
|
|
600
|
+
text-decoration-line: underline;
|
|
601
|
+
text-decoration-thickness: 2px;
|
|
602
|
+
text-underline-offset: 4px;
|
|
603
|
+
color: var(--primary);
|
|
604
|
+
}
|
|
605
|
+
:root rui-tabs[variant='boxed'] .rui-tabs__tab:not([aria-selected='true']) {
|
|
606
|
+
opacity: 1;
|
|
607
|
+
}
|
|
608
|
+
:root .rui-popover {
|
|
609
|
+
--rui-popover-radius: 0;
|
|
610
|
+
--rui-popover-surface: var(--background);
|
|
611
|
+
--rui-popover-border-color: var(--on-background);
|
|
612
|
+
border-width: 2px;
|
|
613
|
+
color: var(--on-background);
|
|
614
|
+
}
|
|
615
|
+
:root .rui-tooltip__content {
|
|
616
|
+
border-style: var(--tw-border-style);
|
|
617
|
+
border-width: 2px;
|
|
618
|
+
border-color: var(--color-on-background);
|
|
619
|
+
}
|
|
620
|
+
:root .rui-avatar {
|
|
621
|
+
--rui-avatar-radius: 9999px;
|
|
622
|
+
border-style: var(--tw-border-style);
|
|
623
|
+
border-width: 2px;
|
|
624
|
+
border-color: var(--color-on-background);
|
|
625
|
+
}
|
|
546
626
|
:root .rui-listbox__option[aria-selected='true'],
|
|
547
627
|
:root .rui-menu-button__item[aria-checked='true'],
|
|
548
628
|
:root .rui-menubar__menu-item[aria-checked='true'],
|
|
549
629
|
:root .rui-tree__node[aria-selected='true'],
|
|
550
|
-
:root .rui-calendar__day[aria-selected='true']
|
|
630
|
+
:root .rui-calendar__day[aria-selected='true'],
|
|
631
|
+
:root .rui-sidebar__menu-button[aria-current='page'] {
|
|
551
632
|
border-style: var(--tw-border-style);
|
|
552
633
|
border-width: 2px;
|
|
553
634
|
border-color: var(--color-primary);
|
|
@@ -566,10 +647,11 @@
|
|
|
566
647
|
text-underline-offset: 4px;
|
|
567
648
|
}
|
|
568
649
|
:root .rui-alert,
|
|
569
|
-
:root .rui-
|
|
650
|
+
:root .rui-toast,
|
|
570
651
|
:root .rui-dialog__surface,
|
|
571
|
-
:root .rui-popover-host,
|
|
572
652
|
:root .rui-hover-card__content,
|
|
653
|
+
:root .rui-menu-button__menu,
|
|
654
|
+
:root .rui-menubar__menu,
|
|
573
655
|
:root .rui-calendar,
|
|
574
656
|
:root rui-tabs[variant='boxed'] {
|
|
575
657
|
border-radius: var(--radius-none);
|
|
@@ -583,6 +665,7 @@
|
|
|
583
665
|
}
|
|
584
666
|
:root .rui-badge,
|
|
585
667
|
:root .rui-chip,
|
|
668
|
+
:root .rui-tag,
|
|
586
669
|
:root .rui-separator,
|
|
587
670
|
:root .rui-meter__track,
|
|
588
671
|
:root .rui-slider__range-track,
|
|
@@ -591,7 +674,7 @@
|
|
|
591
674
|
border-width: 1px;
|
|
592
675
|
border-color: var(--color-on-background);
|
|
593
676
|
}
|
|
594
|
-
:root .rui-
|
|
677
|
+
:root .rui-table__column,
|
|
595
678
|
:root .rui-treegrid__row--header,
|
|
596
679
|
:root .rui-calendar__weekdays {
|
|
597
680
|
border-bottom-style: var(--tw-border-style);
|