@ecopages/radiant-themes 0.2.5 → 0.3.1

package/dist/compiled/themes/github.css

@@ -28,14 +28,6 @@
   --font-weight-semibold: var(--weight-semibold);
   --opacity-disabled: var(--opacity-disabled);
   --opacity-muted: var(--opacity-muted);
-  --color-primary: var(--primary);
-  --color-primary-container: var(--primary-container);
-  --color-on-primary-container: var(--on-primary-container);
-  --color-error: var(--error);
-  --color-surface: var(--surface);
-  --color-on-surface: var(--on-surface);
-  --color-surface-container-low: var(--surface-container-low);
-  --color-border: var(--border);
   --spacing-2: var(--space-2);
   --spacing-3: var(--space-3);
   --spacing-control-x: var(--space-control-x);
@@ -103,6 +95,86 @@
   --size-icon-sm: 1rem;
   --size-icon-md: 1.25rem;
 }
+:where(:root, .dark) {
+  --color-transparent: transparent;
+  --color-gray-50: var(--gray-50);
+  --color-gray-100: var(--gray-100);
+  --color-gray-200: var(--gray-200);
+  --color-gray-300: var(--gray-300);
+  --color-gray-400: var(--gray-400);
+  --color-gray-500: var(--gray-500);
+  --color-gray-600: var(--gray-600);
+  --color-gray-700: var(--gray-700);
+  --color-gray-800: var(--gray-800);
+  --color-gray-900: var(--gray-900);
+  --color-gray-950: var(--gray-950);
+  --color-primary: var(--primary);
+  --color-primary-light: var(--primary-light);
+  --color-primary-dark: var(--primary-dark);
+  --color-on-primary: var(--on-primary);
+  --color-primary-container: var(--primary-container);
+  --color-on-primary-container: var(--on-primary-container);
+  --color-secondary: var(--secondary);
+  --color-secondary-light: var(--secondary-light);
+  --color-secondary-dark: var(--secondary-dark);
+  --color-on-secondary: var(--on-secondary);
+  --color-secondary-container: var(--secondary-container);
+  --color-on-secondary-container: var(--on-secondary-container);
+  --color-tertiary: var(--tertiary);
+  --color-on-tertiary: var(--on-tertiary);
+  --color-tertiary-container: var(--tertiary-container);
+  --color-on-tertiary-container: var(--on-tertiary-container);
+  --color-error: var(--error);
+  --color-error-light: var(--error-light);
+  --color-error-dark: var(--error-dark);
+  --color-on-error: var(--on-error);
+  --color-error-container: var(--error-container);
+  --color-on-error-container: var(--on-error-container);
+  --color-success: var(--success);
+  --color-success-light: var(--success-light);
+  --color-success-dark: var(--success-dark);
+  --color-on-success: var(--on-success);
+  --color-success-container: var(--success-container);
+  --color-on-success-container: var(--on-success-container);
+  --color-info: var(--info);
+  --color-on-info: var(--on-info);
+  --color-info-container: var(--info-container);
+  --color-on-info-container: var(--on-info-container);
+  --color-info-light: var(--info-light);
+  --color-info-dark: var(--info-dark);
+  --color-warning: var(--warning);
+  --color-on-warning: var(--on-warning);
+  --color-warning-container: var(--warning-container);
+  --color-on-warning-container: var(--on-warning-container);
+  --color-warning-light: var(--warning-light);
+  --color-warning-dark: var(--warning-dark);
+  --color-destructive: var(--error);
+  --color-on-destructive: var(--on-error);
+  --color-destructive-container: var(--error-container);
+  --color-on-destructive-container: var(--on-error-container);
+  --color-neutral: var(--neutral);
+  --color-surface: var(--surface);
+  --color-on-surface: var(--on-surface);
+  --color-surface-container-lowest: var(--surface-container-lowest);
+  --color-on-surface-container-lowest: var(--on-surface-container-lowest);
+  --color-surface-container-low: var(--surface-container-low);
+  --color-on-surface-container-low: var(--on-surface-container-low);
+  --color-surface-container: var(--surface-container);
+  --color-on-surface-container: var(--on-surface-container);
+  --color-surface-container-high: var(--surface-container-high);
+  --color-on-surface-container-high: var(--on-surface-container-high);
+  --color-surface-container-highest: var(--surface-container-highest);
+  --color-on-surface-container-highest: var(--on-surface-container-highest);
+  --color-background: var(--background);
+  --color-on-background: var(--on-background);
+  --color-border: var(--border);
+  --color-focus-ring: var(--focus-ring);
+  --color-on-focus-ring: var(--on-focus-ring);
+  --color-link: var(--link);
+  --color-overlay: var(--overlay);
+  --color-background-code: var(--background-code);
+  --color-on-background-code: var(--on-background-code);
+}
 @layer base {
   :where(a[href], button, input:not([type='hidden']):not(.sr-only), select, textarea, [tabindex]):not(
 			[data-rui-focus-managed]
@@ -739,8 +811,8 @@
 	:root .rui-number-field__group,
 	:root rui-date-input:where(:not([data-date-field-input], [data-range-start], [data-range-end])),
 	:root .rui-select__control {
-    background-color: var(--color-surface);
-    color: var(--color-on-surface);
+    background-color: var(--surface);
+    color: var(--on-surface);
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     border-color: var(--rui-control-border-color);
@@ -753,7 +825,7 @@
   }
   :root .rui-checkbox__control {
     border-radius: var(--radius-xs);
-    background-color: var(--color-surface);
+    background-color: var(--surface);
     border-color: var(--rui-control-border-color);
   }
   :root .rui-radio__control {
@@ -772,7 +844,7 @@
     border-radius: var(--radius-xl);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-border);
+    border-color: var(--border);
     --tw-shadow: var(--shadow-overlay);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     background-color: var(--color-github-overlay);
@@ -854,7 +926,7 @@
     gap: var(--spacing-2);
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
-    border-color: var(--color-border);
+    border-color: var(--border);
     background-color: transparent;
     padding-inline: 0px;
     padding-top: 0px;
@@ -863,13 +935,13 @@
     border-radius: var(--radius-none);
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-    color: var(--color-on-surface);
+    color: var(--on-surface);
     opacity: 100%;
   }
   :root rui-tabs[variant='boxed'] .rui-tabs__tab[aria-selected='true'] {
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
-    color: var(--color-on-surface);
+    color: var(--on-surface);
     border-bottom-color: var(--rui-tabs-indicator-color);
   }
   :root rui-tabs[variant='boxed'] .rui-tabs__panel {
@@ -878,24 +950,24 @@
     border-radius: var(--radius-container);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-border);
-    background-color: var(--color-surface);
+    border-color: var(--border);
+    background-color: var(--surface);
   }
   :root .rui-badge {
     border-radius: var(--radius-pill);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-border);
+    border-color: var(--border);
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
   :root .rui-badge--filled {
-    border-color: var(--color-primary);
+    border-color: var(--primary);
     background-color: transparent;
-    color: var(--color-primary);
+    color: var(--primary);
   }
   :root .rui-badge--destructive {
-    border-color: var(--color-error);
+    border-color: var(--error);
     background-color: transparent;
     color: var(--color-github-danger-fg);
   }
@@ -910,8 +982,8 @@
     border-radius: var(--radius-container);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-border);
-    background-color: var(--color-surface);
+    border-color: var(--border);
+    background-color: var(--surface);
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
@@ -919,8 +991,8 @@
     border-radius: var(--radius-container);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-border);
-    background-color: var(--color-surface);
+    border-color: var(--border);
+    background-color: var(--surface);
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     --rui-treegrid-indent: 0.875rem;
@@ -931,22 +1003,22 @@
     background-color: transparent;
     padding-inline: var(--spacing-control-x);
     padding-block: var(--spacing-2);
-    color: var(--color-on-surface);
+    color: var(--on-surface);
   }
   :root .rui-treegrid__row--header .rui-treegrid__cell {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
-    border-color: var(--color-border);
-    background-color: var(--color-surface-container-low);
+    border-color: var(--border);
+    background-color: var(--surface-container-low);
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
   :root .rui-treegrid__row:not(.rui-treegrid__row--header):hover .rui-treegrid__cell:not([aria-selected='true']) {
-    background-color: var(--color-surface-container-low);
+    background-color: var(--surface-container-low);
   }
   :root .rui-treegrid__cell[aria-selected='true'] {
-    background-color: var(--color-primary-container);
-    color: var(--color-on-primary-container);
+    background-color: var(--primary-container);
+    color: var(--on-primary-container);
   }
 }
 @property --tw-border-style {

package/dist/compiled/themes/high-contrast/compact.css

@@ -27,10 +27,6 @@
   --font-weight-semibold: var(--weight-semibold);
   --opacity-disabled: var(--opacity-disabled);
   --opacity-muted: var(--opacity-muted);
-  --color-primary: var(--primary);
-  --color-on-primary: var(--on-primary);
-  --color-background: var(--background);
-  --color-on-background: var(--on-background);
   --radius-none: var(--border-radius-none);
   --radius-full: var(--border-radius-full);
   --radius-control: var(--radius-control);
@@ -94,6 +90,86 @@
   --size-icon-sm: 1rem;
   --size-icon-md: 1.25rem;
 }
+:where(:root, .dark) {
+  --color-transparent: transparent;
+  --color-gray-50: var(--gray-50);
+  --color-gray-100: var(--gray-100);
+  --color-gray-200: var(--gray-200);
+  --color-gray-300: var(--gray-300);
+  --color-gray-400: var(--gray-400);
+  --color-gray-500: var(--gray-500);
+  --color-gray-600: var(--gray-600);
+  --color-gray-700: var(--gray-700);
+  --color-gray-800: var(--gray-800);
+  --color-gray-900: var(--gray-900);
+  --color-gray-950: var(--gray-950);
+  --color-primary: var(--primary);
+  --color-primary-light: var(--primary-light);
+  --color-primary-dark: var(--primary-dark);
+  --color-on-primary: var(--on-primary);
+  --color-primary-container: var(--primary-container);
+  --color-on-primary-container: var(--on-primary-container);
+  --color-secondary: var(--secondary);
+  --color-secondary-light: var(--secondary-light);
+  --color-secondary-dark: var(--secondary-dark);
+  --color-on-secondary: var(--on-secondary);
+  --color-secondary-container: var(--secondary-container);
+  --color-on-secondary-container: var(--on-secondary-container);
+  --color-tertiary: var(--tertiary);
+  --color-on-tertiary: var(--on-tertiary);
+  --color-tertiary-container: var(--tertiary-container);
+  --color-on-tertiary-container: var(--on-tertiary-container);
+  --color-error: var(--error);
+  --color-error-light: var(--error-light);
+  --color-error-dark: var(--error-dark);
+  --color-on-error: var(--on-error);
+  --color-error-container: var(--error-container);
+  --color-on-error-container: var(--on-error-container);
+  --color-success: var(--success);
+  --color-success-light: var(--success-light);
+  --color-success-dark: var(--success-dark);
+  --color-on-success: var(--on-success);
+  --color-success-container: var(--success-container);
+  --color-on-success-container: var(--on-success-container);
+  --color-info: var(--info);
+  --color-on-info: var(--on-info);
+  --color-info-container: var(--info-container);
+  --color-on-info-container: var(--on-info-container);
+  --color-info-light: var(--info-light);
+  --color-info-dark: var(--info-dark);
+  --color-warning: var(--warning);
+  --color-on-warning: var(--on-warning);
+  --color-warning-container: var(--warning-container);
+  --color-on-warning-container: var(--on-warning-container);
+  --color-warning-light: var(--warning-light);
+  --color-warning-dark: var(--warning-dark);
+  --color-destructive: var(--error);
+  --color-on-destructive: var(--on-error);
+  --color-destructive-container: var(--error-container);
+  --color-on-destructive-container: var(--on-error-container);
+  --color-neutral: var(--neutral);
+  --color-surface: var(--surface);
+  --color-on-surface: var(--on-surface);
+  --color-surface-container-lowest: var(--surface-container-lowest);
+  --color-on-surface-container-lowest: var(--on-surface-container-lowest);
+  --color-surface-container-low: var(--surface-container-low);
+  --color-on-surface-container-low: var(--on-surface-container-low);
+  --color-surface-container: var(--surface-container);
+  --color-on-surface-container: var(--on-surface-container);
+  --color-surface-container-high: var(--surface-container-high);
+  --color-on-surface-container-high: var(--on-surface-container-high);
+  --color-surface-container-highest: var(--surface-container-highest);
+  --color-on-surface-container-highest: var(--on-surface-container-highest);
+  --color-background: var(--background);
+  --color-on-background: var(--on-background);
+  --color-border: var(--border);
+  --color-focus-ring: var(--focus-ring);
+  --color-on-focus-ring: var(--on-focus-ring);
+  --color-link: var(--link);
+  --color-overlay: var(--overlay);
+  --color-background-code: var(--background-code);
+  --color-on-background-code: var(--on-background-code);
+}
 @layer base {
   :where(a[href], button, input:not([type='hidden']):not(.sr-only), select, textarea, [tabindex]):not(
 			[data-rui-focus-managed]
@@ -511,9 +587,9 @@
 	:root .rui-button--ghost {
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
-    background-color: var(--color-background);
-    color: var(--color-on-background);
+    border-color: var(--on-background);
+    background-color: var(--background);
+    color: var(--on-background);
   }
   :root .rui-button:disabled,
 	:root .rui-input:disabled,
@@ -521,8 +597,8 @@
 	:root .rui-select[aria-disabled='true'] {
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
-    color: var(--color-on-background);
+    border-color: var(--on-background);
+    color: var(--on-background);
     opacity: 1;
   }
   :root .rui-input,
@@ -538,9 +614,9 @@
     border-radius: var(--radius-none);
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
-    background-color: var(--color-background);
-    color: var(--color-on-background);
+    border-color: var(--on-background);
+    background-color: var(--background);
+    color: var(--on-background);
   }
   :root .rui-checkbox__control,
 	:root .rui-radio__control,
@@ -548,8 +624,8 @@
     border-radius: var(--radius-none);
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
-    background-color: var(--color-background);
+    border-color: var(--on-background);
+    background-color: var(--background);
   }
   :root .rui-radio__control {
     border-radius: var(--radius-full);
@@ -561,27 +637,27 @@
 	:root .rui-switch__input:checked + .rui-switch__track {
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-primary);
-    background-color: var(--color-primary);
+    border-color: var(--primary);
+    background-color: var(--primary);
   }
   :root .rui-radio__input:checked + .rui-radio__control {
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-primary);
-    background-color: var(--color-background);
+    border-color: var(--primary);
+    background-color: var(--background);
   }
   :root .rui-radio__input:checked + .rui-radio__control::after {
     width: calc(var(--spacing, 0.25rem) * 2.5);
     height: calc(var(--spacing, 0.25rem) * 2.5);
-    background-color: var(--color-primary);
+    background-color: var(--primary);
   }
   :root .rui-switch__thumb {
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
+    border-color: var(--on-background);
   }
   :root .rui-switch__input:checked + .rui-switch__track .rui-switch__thumb {
-    border-color: var(--color-on-primary);
+    border-color: var(--on-primary);
   }
   :root .rui-input::placeholder,
 	:root .rui-textarea::placeholder {
@@ -615,13 +691,13 @@
   :root .rui-tooltip__content {
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
+    border-color: var(--on-background);
   }
   :root .rui-avatar {
     --rui-avatar-radius: 9999px;
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
+    border-color: var(--on-background);
   }
   :root .rui-listbox__option[aria-selected='true'],
 	:root .rui-menu-button__item[aria-checked='true'],
@@ -631,11 +707,11 @@
 	:root .rui-sidebar__menu-button[aria-current='page'] {
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-primary);
-    background-color: var(--color-primary);
+    border-color: var(--primary);
+    background-color: var(--primary);
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
-    color: var(--color-on-primary);
+    color: var(--on-primary);
   }
   :root .rui-tabs__tab[aria-selected='true'],
 	:root .rui-button[aria-pressed='true'],
@@ -657,9 +733,9 @@
     border-radius: var(--radius-none);
     border-style: var(--tw-border-style);
     border-width: 2px;
-    border-color: var(--color-on-background);
-    background-color: var(--color-background);
-    color: var(--color-on-background);
+    border-color: var(--on-background);
+    background-color: var(--background);
+    color: var(--on-background);
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
@@ -672,14 +748,14 @@
 	:root .rui-window-splitter__separator {
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-on-background);
+    border-color: var(--on-background);
   }
   :root .rui-table__column,
 	:root .rui-treegrid__row--header,
 	:root .rui-calendar__weekdays {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
-    border-color: var(--color-on-background);
+    border-color: var(--on-background);
     --tw-font-weight: var(--font-weight-bold, 700);
     font-weight: var(--font-weight-bold, 700);
   }