@ecopages/radiant-themes 0.2.1 → 0.2.3

package/dist/compiled/themes/windows95.css

@@ -29,6 +29,7 @@
   --color-surface: var(--surface);
   --color-on-surface: var(--on-surface);
   --spacing-1: var(--space-1);
+  --spacing-3: var(--space-3);
   --radius-none: var(--border-radius-none);
   --radius-full: var(--border-radius-full);
   --radius-control: var(--radius-control);
@@ -266,6 +267,8 @@
   --windows95-dark: #0a0a0a;
   --windows95-text: #000000;
   --windows95-muted: #404040;
+  --windows95-line: #808080;
+  --windows95-disabled: #808080;
   --windows95-field: #ffffff;
   --windows95-field-text: #000000;
   --windows95-selection: #000080;
@@ -279,12 +282,14 @@
 :where(.dark), :root.dark[data-rui-theme='windows95'] {
   --windows95-canvas: #2b2b2b;
   --windows95-face: #3a3a3a;
-  --windows95-light: #d0d0d0;
-  --windows95-highlight: #a5a5a5;
-  --windows95-shadow: #858585;
-  --windows95-dark: #6f6f6f;
+  --windows95-light: #8a8a8a;
+  --windows95-highlight: #5e5e5e;
+  --windows95-shadow: #1e1e1e;
+  --windows95-dark: #000000;
   --windows95-text: #f0f0f0;
   --windows95-muted: #c8c8c8;
+  --windows95-line: #8a8a8a;
+  --windows95-disabled: #7a7a7a;
   --windows95-field: #1c1c1c;
   --windows95-field-text: #f0f0f0;
   --windows95-selection: #2d5aa8;
@@ -549,7 +554,7 @@
   }
   :root .rui-button:disabled {
     opacity: 1;
-    color: var(--windows95-shadow);
+    color: var(--windows95-disabled);
     text-shadow: 1px 1px 0 var(--windows95-light);
   }
   :root .rui-input,
@@ -650,6 +655,7 @@
 	:root .rui-menubar__menu-item[aria-checked='true'],
 	:root .rui-tree__node[aria-selected='true'],
 	:root .rui-calendar__day[aria-selected='true'],
+	:root .rui-sidebar__menu-button[aria-current='page'],
 	:root .rui-sidebar__menu-button--active,
 	:root .rui-navigation-menu__link-list a[aria-current='page'] {
     background-color: var(--windows95-selection);
@@ -661,7 +667,7 @@
 	:root .rui-combobox__listbox,
 	:root .rui-calendar,
 	:root .rui-dialog__surface,
-	:root .rui-popover-host,
+	:root .rui-popover:where(:not(.rui-popover--listbox)),
 	:root .rui-hover-card__content {
     border-radius: var(--radius-none);
     border-style: var(--tw-border-style);
@@ -670,6 +676,17 @@
     background-color: var(--windows95-face);
     box-shadow: var(--windows95-raised);
   }
+  :root .rui-select__listbox .rui-listbox,
+	:root .rui-combobox__listbox .rui-listbox {
+    background-color: transparent;
+  }
+  :root .rui-tooltip__content {
+    --rui-tooltip-surface: #ffffe1;
+    --rui-tooltip-color: #000000;
+    --rui-tooltip-radius: 0;
+    --rui-tooltip-shadow: none;
+    border: 1px solid #000000;
+  }
   :root .rui-select__listbox,
 	:root .rui-combobox__listbox {
     background-color: var(--windows95-field);
@@ -685,8 +702,12 @@
     background-color: var(--windows95-selection);
     color: var(--windows95-selection-text);
   }
+  :root .rui-popover[role='dialog'] {
+    padding: var(--space-2);
+  }
   :root .rui-dialog__title {
-    min-height: 1.5rem;
+    font-size: var(--text-sm);
+    min-height: 1.125rem;
     margin: calc(3px - var(--rui-dialog-padding)) calc(3px - var(--rui-dialog-padding)) var(--space-3);
     padding: 0.1875rem 2rem 0.1875rem 0.25rem;
   }
@@ -697,7 +718,7 @@
     z-index: 1;
     background-color: var(--windows95-face);
     color: var(--windows95-text);
-    top: 0.375rem;
+    top: 0.5625rem;
     right: 0.375rem;
     width: 1rem;
     height: 0.875rem;
@@ -715,13 +736,17 @@
   :root rui-tabs[variant='boxed'] .rui-tabs__list {
     max-width: 100%;
     min-width: 0px;
+    align-items: flex-end;
     overflow-x: auto;
     overflow-y: clip;
     border-style: var(--tw-border-style);
     border-width: 0px;
     background-color: transparent;
-    padding-inline: 0px;
+    padding-inline: calc(var(--spacing, 0.25rem) * 0.5);
     padding-top: calc(var(--spacing, 0.25rem) * 0.5);
+    position: relative;
+    z-index: 1;
+    margin-bottom: -2px;
     gap: 0;
   }
   :root rui-tabs[variant='boxed'] .rui-tabs__tab {
@@ -732,8 +757,10 @@
     --tw-font-weight: var(--font-weight-normal, 400);
     font-weight: var(--font-weight-normal, 400);
     color: var(--color-on-surface);
+    opacity: 100%;
     z-index: 0;
-    margin-bottom: -2px;
+    margin-bottom: 2px;
+    color: var(--windows95-text);
     background-color: var(--windows95-face);
     box-shadow: inset -1px 0 var(--windows95-dark),
 			inset 1px 1px var(--windows95-light),
@@ -744,8 +771,10 @@
     --tw-font-weight: var(--font-weight-normal, 400);
     font-weight: var(--font-weight-normal, 400);
     z-index: 1;
-    margin-top: -2px;
-    padding-bottom: calc(var(--rui-tabs-tab-padding-y, 0.375rem) + 2px);
+    margin-inline: -2px;
+    margin-bottom: 0;
+    padding-block: calc(var(--rui-tabs-tab-padding-y, 0.375rem) + 2px);
+    padding-inline: calc(var(--rui-tabs-tab-padding-x, 0.75rem) + 2px);
   }
   :root rui-tabs[variant='boxed'] .rui-tabs__panel {
     border-radius: var(--radius-none);
@@ -759,7 +788,7 @@
     padding: var(--rui-tabs-panel-padding);
   }
   :root .rui-alert,
-	:root .rui-toast__content {
+	:root .rui-toast {
     border-radius: var(--radius-none);
     border-style: var(--tw-border-style);
     border-width: 0px;
@@ -767,23 +796,28 @@
     background-color: var(--windows95-face);
     box-shadow: var(--windows95-raised);
   }
-  :root .rui-alert--error .rui-alert__icon {
+  :root .rui-alert--error .rui-alert__icon,
+	:root .rui-toast--error .rui-toast__icon {
     color: var(--windows95-red);
   }
-  :root .rui-alert--warning .rui-alert__icon {
+  :root .rui-alert--warning .rui-alert__icon,
+	:root .rui-toast--warning .rui-toast__icon {
     color: var(--windows95-amber);
   }
-  :root .rui-table__header,
-	:root .rui-treegrid__row--header,
+  :root .rui-alert--success .rui-alert__icon,
+	:root .rui-toast--success .rui-toast__icon {
+    color: var(--windows95-green);
+  }
+  :root .rui-alert--info .rui-alert__icon,
+	:root .rui-toast--info .rui-toast__icon {
+    color: var(--windows95-blue-light);
+  }
+  :root .rui-treegrid__row--header,
 	:root .rui-calendar__weekdays {
     --tw-font-weight: var(--font-weight-normal, 400);
     font-weight: var(--font-weight-normal, 400);
     background-color: var(--windows95-face);
   }
-  :root .rui-table__header th,
-	:root .rui-table__header .rui-table__cell {
-    box-shadow: var(--windows95-raised-thin);
-  }
   :root .rui-table,
 	:root .rui-grid {
     background-color: var(--windows95-field);
@@ -832,7 +866,7 @@
     width: 0.75rem;
     height: 0.75rem;
     margin-inline-end: 0.25rem;
-    border: 1px solid var(--windows95-shadow);
+    border: 1px solid var(--windows95-line);
     background-color: var(--windows95-field);
     color: var(--windows95-field-text);
     font: 0.625rem/0.625rem 'MS Sans Serif',
@@ -884,6 +918,210 @@
     border-radius: var(--radius-none);
     background-color: transparent;
   }
+  :root .rui-slider {
+    --rui-slider-track-size: 0.25rem;
+  }
+  :root .rui-slider__range {
+    padding-block: var(--spacing-3);
+  }
+  :root .rui-slider__thumb {
+    inline-size: 0.6875rem;
+    block-size: 1.3125rem;
+  }
+  :root .rui-slider--vertical .rui-slider__thumb {
+    inline-size: 1.3125rem;
+    block-size: 0.6875rem;
+  }
+  :root .rui-slider__range-track {
+    box-shadow: var(--windows95-sunken);
+  }
+  :root .rui-control-toggle {
+    border-radius: var(--radius-none);
+    align-self: stretch;
+    width: 1.125rem;
+    height: auto;
+    margin: 2px;
+    margin-inline-start: 0;
+    background-color: var(--windows95-face);
+    color: var(--windows95-text);
+    box-shadow: var(--windows95-raised);
+  }
+  :root .rui-control-toggle:hover:not(:disabled) {
+    background-color: var(--windows95-face);
+  }
+  :root .rui-control-toggle:active:not(:disabled) {
+    box-shadow: var(--windows95-pressed);
+  }
+  :root .rui-control-toggle > svg {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+  :root .rui-control-toggle:where([data-select-toggle], [data-combobox-trigger]) > svg {
+    display: none;
+  }
+  :root .rui-control-toggle:where([data-select-toggle], [data-combobox-trigger])::after {
+    content: '';
+    width: 7px;
+    height: 4px;
+    background-color: currentColor;
+    clip-path: polygon(0 0, 100% 0, 50% 100%);
+  }
+  :root .rui-menubar {
+    border-radius: var(--radius-none);
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+    background-color: transparent;
+    padding: 0px;
+    gap: 0;
+  }
+  :root .rui-menubar__item {
+    border-radius: var(--radius-none);
+    color: var(--windows95-text);
+  }
+  :root .rui-menubar__item:hover:not(:disabled):not([aria-disabled='true']),
+	:root .rui-menubar__item:focus-visible {
+    background-color: transparent;
+    box-shadow: none;
+    --tw-ring-shadow: 0 0 #0000;
+    outline: 1px dotted var(--windows95-text);
+    outline-offset: -2px;
+  }
+  :root .rui-menubar__item[aria-expanded='true'],
+	:root .rui-menubar__item[aria-expanded='true']:hover:not(:disabled) {
+    --tw-font-weight: var(--font-weight-normal, 400);
+    font-weight: var(--font-weight-normal, 400);
+    outline: 0;
+    background-color: transparent;
+    color: var(--windows95-text);
+    box-shadow: var(--windows95-sunken-thin);
+  }
+  :root .rui-menu-button__menu,
+	:root .rui-menubar__menu {
+    --rui-menu-item-hover: var(--windows95-selection);
+    padding: 3px;
+  }
+  :root .rui-menu-button__item,
+	:root .rui-menubar__menu-item {
+    border-radius: var(--radius-none);
+    color: var(--windows95-text);
+  }
+  :root .rui-menu-button__item:hover:not([aria-disabled='true']),
+	:root .rui-menu-button__item:focus-visible:not([aria-disabled='true']),
+	:root .rui-menu-button__item[aria-expanded='true'],
+	:root .rui-menu-button__item:hover:not([aria-disabled='true'])::after,
+	:root .rui-menu-button__item:focus-visible:not([aria-disabled='true'])::after,
+	:root .rui-menubar__menu-item:hover:not(:disabled):not([aria-disabled='true']),
+	:root .rui-menubar__menu-item:focus-visible,
+	:root .rui-menubar__menu-item[aria-expanded='true'] {
+    color: var(--windows95-selection-text);
+    --tw-ring-shadow: 0 0 #0000;
+  }
+  :root .rui-listbox--bordered,
+	:root .rui-tree {
+    border-radius: var(--radius-none);
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+    background-color: var(--windows95-field);
+    color: var(--windows95-field-text);
+    box-shadow: var(--windows95-sunken);
+    padding: 4px;
+  }
+  :root .rui-listbox {
+    gap: 0;
+  }
+  :root .rui-listbox__option,
+	:root .rui-tree__node {
+    border-radius: var(--radius-none);
+    padding-block: calc(var(--spacing, 0.25rem) * 0.5);
+    color: var(--windows95-field-text);
+  }
+  :root .rui-listbox__option[data-active]:not([aria-selected='true']):not([aria-disabled='true']) {
+    background-color: var(--windows95-selection);
+    color: var(--windows95-selection-text);
+  }
+  :root .rui-listbox__option[aria-selected='true'][data-active]:not([aria-disabled='true']),
+	:root .rui-listbox__option:focus-visible,
+	:root .rui-tree__node:focus-visible {
+    --tw-ring-shadow: 0 0 #0000;
+    outline: 1px dotted var(--windows95-field-text);
+    outline-offset: -1px;
+  }
+  :root .rui-listbox__option[aria-selected='true'][data-active]:not([aria-disabled='true']),
+	:root .rui-listbox__option[aria-selected='true']:focus-visible {
+    outline-color: var(--windows95-selection-text);
+    background-image: none;
+  }
+  :root .rui-tree__node {
+    width: auto;
+    padding-inline: var(--spacing-1);
+    --tw-font-weight: var(--font-weight-normal, 400);
+    font-weight: var(--font-weight-normal, 400);
+  }
+  :root .rui-tree__node:hover:not([aria-selected='true']) {
+    background-color: transparent;
+  }
+  :root .rui-tree__node[aria-selected='true'] {
+    --tw-font-weight: var(--font-weight-normal, 400);
+    font-weight: var(--font-weight-normal, 400);
+  }
+  :root .rui-tree ul {
+    border-inline-start: 1px dotted var(--windows95-line);
+  }
+  :root .rui-tree__node[aria-expanded]::before {
+    content: '+';
+    display: inline-block;
+    width: 9px;
+    height: 9px;
+    margin-inline-end: 0.375rem;
+    border: 1px solid var(--windows95-line);
+    background-color: var(--windows95-field);
+    color: var(--windows95-field-text);
+    font: 9px/7px 'MS Sans Serif', Tahoma, sans-serif;
+    text-align: center;
+    transform: none;
+    transition: none;
+    vertical-align: 0;
+  }
+  :root .rui-tree__node[aria-expanded='true']::before {
+    content: '-';
+  }
+  :root .rui-tag {
+    border-radius: var(--radius-none);
+  }
+  :root .rui-tag__remove {
+    border-radius: var(--radius-none);
+  }
+  :root .rui-calendar__month {
+    color: var(--windows95-selection-text);
+  }
+  :root .rui-calendar__header {
+    padding: 2px;
+  }
+  :root .rui-calendar__nav {
+    border-radius: var(--radius-none);
+    width: 1rem;
+    height: 0.875rem;
+    justify-self: center;
+    background-color: var(--windows95-face);
+    color: var(--windows95-text);
+    box-shadow: var(--windows95-raised);
+  }
+  :root .rui-calendar__nav:hover:not(:disabled) {
+    background-color: var(--windows95-face);
+  }
+  :root .rui-calendar__nav:active:not(:disabled) {
+    box-shadow: var(--windows95-pressed);
+  }
+  :root .rui-table__column,
+	:root .rui-table__sort {
+    --tw-font-weight: var(--font-weight-normal, 400);
+    font-weight: var(--font-weight-normal, 400);
+  }
+  :root .rui-table__column {
+    background-color: var(--windows95-face);
+    color: var(--windows95-text);
+    box-shadow: var(--windows95-raised-thin);
+  }
 }
 @media (prefers-contrast: more) {
   @layer components {

package/dist/tokens/colors/github.css

@@ -1,18 +1,36 @@
+/**
+ * Primer functional colors: `bgColor`, `fgColor`, `borderColor`, the accent family for selection and focus, and the
+ * primary and default button fills.
+ */
 :where(:root), :root[data-rui-theme='github'] {
 	--color-github-white: #ffffff;
 	--color-github-canvas: #ffffff;
 	--color-github-subtle: #f6f8fa;
 	--color-github-muted: #eaeef2;
+	--color-github-overlay: #ffffff;
 	--color-github-border: #d1d9e0;
 	--color-github-border-strong: #8c959f;
 	--color-github-fg: #1f2328;
 	--color-github-muted-fg: #59636e;
 	--color-github-blue: #0969da;
 	--color-github-blue-light: #54aeff;
+	--color-github-accent-subtle: #ddf4ff;
+	--color-github-accent-on-subtle: #0550ae;
 	--color-github-green: #1a7f37;
 	--color-github-red: #cf222e;
+	--color-github-danger-fg: #d1242f;
 	--color-github-orange: #bc4c00;
 	--color-github-purple: #8250df;
+	--color-github-button-bg: #f6f8fa;
+	--color-github-button-hover: #eff2f5;
+	--color-github-button-active: #e6eaef;
+	--color-github-button-primary: #1f883d;
+	--color-github-button-primary-hover: #1c8139;
+	--color-github-button-primary-active: #197935;
+	--color-github-transparent-hover: rgb(129 139 152 / 0.15);
+	--color-github-transparent-selected: rgb(129 139 152 / 0.2);
+	--color-github-track: #e6eaef;
+	--color-github-knob-border: #818b98;
 }
 
 :where(.dark), :root.dark[data-rui-theme='github'] {
@@ -20,14 +38,28 @@
 	--color-github-canvas: #0d1117;
 	--color-github-subtle: #151b23;
 	--color-github-muted: #212830;
+	--color-github-overlay: #151b23;
 	--color-github-border: #3d444d;
 	--color-github-border-strong: #6e7681;
 	--color-github-fg: #f0f6fc;
 	--color-github-muted-fg: #9198a1;
 	--color-github-blue: #1f6feb;
 	--color-github-blue-light: #4493f8;
+	--color-github-accent-subtle: #121d2f;
+	--color-github-accent-on-subtle: #4493f8;
 	--color-github-green: #238636;
 	--color-github-red: #da3633;
+	--color-github-danger-fg: #ff6a61;
 	--color-github-orange: #db6d28;
 	--color-github-purple: #a371f7;
+	--color-github-button-bg: #212830;
+	--color-github-button-hover: #262c36;
+	--color-github-button-active: #2a313c;
+	--color-github-button-primary: #238636;
+	--color-github-button-primary-hover: #1f7a31;
+	--color-github-button-primary-active: #1c6e2d;
+	--color-github-transparent-hover: rgb(101 108 118 / 0.2);
+	--color-github-transparent-selected: rgb(101 108 118 / 0.24);
+	--color-github-track: #2a313c;
+	--color-github-knob-border: #656c76;
 }

package/dist/tokens/colors/macos.css

@@ -1,33 +1,73 @@
+/**
+ * AppKit system colors from macOS Sonoma and Sequoia: `windowBackgroundColor` for the canvas, `controlBackgroundColor`
+ * for content and fields, `labelColor` and `secondaryLabelColor` for text, `separatorColor`, the default
+ * `controlAccentColor`, and `selectedContentBackgroundColor` for selected rows and filled buttons.
+ *
+ * @remarks AppKit's translucent label colors are flattened onto their usual backgrounds. Status hues use Apple's
+ * increased-contrast variants (`#d70015`, `#248a3d`, `#b25000`) where the standard hue cannot carry text at 4.5:1.
+ */
 :where(:root), :root[data-rui-theme='macos'] {
-	--macos-canvas: #f5f5f7;
+	--macos-canvas: #ececec;
 	--macos-surface: #ffffff;
-	--macos-subtle: #e9e9ed;
-	--macos-border: #7f7f84;
-	--macos-separator: #d1d1d6;
-	--macos-text: #1d1d1f;
-	--macos-muted: #55555b;
-	--macos-blue: #005fcc;
-	--macos-blue-light: #004da8;
-	--macos-green: #176b35;
-	--macos-red: #a51d2d;
-	--macos-amber: #704500;
-	--macos-purple: #6e3bb5;
+	--macos-subtle: #e3e3e3;
+	--macos-control: #ffffff;
+	--macos-control-pressed: #e5e5e5;
+	--macos-elevated: rgb(246 246 246 / 0.88);
+	--macos-elevated-solid: #f6f6f6;
+	--macos-elevated-edge: rgb(0 0 0 / 0.18);
+	--macos-elevated-highlight: rgb(255 255 255 / 0);
+	--macos-border: #8e8e93;
+	--macos-separator: #d9d9d9;
+	--macos-grid: #e6e6e6;
+	--macos-alternate-row: #f4f5f5;
+	--macos-text: #262626;
+	--macos-muted: #5e5e62;
+	--macos-accent: #007aff;
+	--macos-selection: #0063e1;
+	--macos-selection-text: #ffffff;
+	--macos-unemphasized-selection: #dcdcdc;
+	--macos-blue: #0063e1;
+	--macos-blue-light: #3b8cff;
+	--macos-green: #1e7b34;
+	--macos-red: #d70015;
+	--macos-amber: #9e4700;
+	--macos-purple: #8944ab;
+	--macos-control-shadow:
+		0 0 0 0.5px rgb(0 0 0 / 0.16), 0 0.5px 1px rgb(0 0 0 / 0.22), 0 1px 1.5px -0.5px rgb(0 0 0 / 0.1);
+	--macos-menu-shadow: 0 0 0 0.5px var(--macos-elevated-edge), 0 10px 30px rgb(0 0 0 / 0.2), 0 2px 6px rgb(0 0 0 / 0.1);
 }
 
 :where(.dark), :root.dark[data-rui-theme='macos'] {
-	--macos-canvas: #1c1c1e;
-	--macos-surface: #2c2c2e;
-	--macos-subtle: #3a3a3c;
-	--macos-border: #8e8e93;
-	--macos-separator: #3a3a3c;
-	--macos-text: #f5f5f7;
-	--macos-muted: #d1d1d6;
-	--macos-blue: #55a6ff;
-	--macos-blue-light: #8cc2ff;
-	--macos-green: #63d982;
-	--macos-red: #ff7a83;
-	--macos-amber: #ffd166;
-	--macos-purple: #c8a1ff;
+	--macos-canvas: #323232;
+	--macos-surface: #1e1e1e;
+	--macos-subtle: #3d3d3d;
+	--macos-control: #5c5c5e;
+	--macos-control-pressed: #747476;
+	--macos-elevated: rgb(44 44 46 / 0.9);
+	--macos-elevated-solid: #2c2c2e;
+	--macos-elevated-edge: rgb(0 0 0 / 0.6);
+	--macos-elevated-highlight: rgb(255 255 255 / 0.14);
+	--macos-border: #767676;
+	--macos-separator: #484848;
+	--macos-grid: #3a3a3a;
+	--macos-alternate-row: #262626;
+	--macos-text: #dfdfdf;
+	--macos-muted: #a1a1a6;
+	--macos-accent: #0a84ff;
+	--macos-selection: #0058d0;
+	--macos-selection-text: #ffffff;
+	--macos-unemphasized-selection: #464646;
+	--macos-blue: #409cff;
+	--macos-blue-light: #70b4ff;
+	--macos-green: #30d158;
+	--macos-red: #ff6961;
+	--macos-amber: #ffd60a;
+	--macos-purple: #da8fff;
+	--macos-control-shadow:
+		inset 0 0.5px 0 rgb(255 255 255 / 0.18), 0 0 0 0.5px rgb(0 0 0 / 0.5), 0 0.5px 1px rgb(0 0 0 / 0.4);
+	--macos-menu-shadow:
+		inset 0 0 0 0.5px var(--macos-elevated-highlight), 0 0 0 0.5px var(--macos-elevated-edge),
+		0 10px 30px rgb(0 0 0 / 0.45);
 }
 
 @theme inline {

package/dist/tokens/colors/material.css

@@ -1,25 +1,66 @@
+/**
+ * Material 3 baseline scheme (source color #6750a4), light and dark.
+ */
 :where(:root), :root[data-rui-theme='material'] {
-	--material-primary: oklch(46% 0.17 293);
-	--material-secondary: oklch(48% 0.045 286);
-	--material-tertiary: oklch(48% 0.11 340);
-	--material-error: oklch(48% 0.18 25);
-	--material-canvas: oklch(99% 0.006 285);
-	--material-surface: oklch(98% 0.009 285);
-	--material-surface-container: oklch(95% 0.015 285);
-	--material-outline: oklch(53% 0.018 285);
-	--material-outline-variant: oklch(86% 0.012 300);
-	--material-text: oklch(18% 0.018 285);
+	--material-primary: #6750a4;
+	--material-on-primary: #ffffff;
+	--material-primary-container: #eaddff;
+	--material-on-primary-container: #4f378b;
+	--material-secondary: #625b71;
+	--material-on-secondary: #ffffff;
+	--material-secondary-container: #e8def8;
+	--material-on-secondary-container: #4a4458;
+	--material-tertiary: #7d5260;
+	--material-on-tertiary: #ffffff;
+	--material-tertiary-container: #ffd8e4;
+	--material-on-tertiary-container: #633b48;
+	--material-error: #b3261e;
+	--material-on-error: #ffffff;
+	--material-error-container: #f9dedc;
+	--material-on-error-container: #8c1d18;
+	--material-surface: #fef7ff;
+	--material-on-surface: #1d1b20;
+	--material-on-surface-variant: #49454f;
+	--material-surface-container-lowest: #ffffff;
+	--material-surface-container-low: #f7f2fa;
+	--material-surface-container: #f3edf7;
+	--material-surface-container-high: #ece6f0;
+	--material-surface-container-highest: #e6e0e9;
+	--material-inverse-surface: #322f35;
+	--material-inverse-on-surface: #f5eff7;
+	--material-inverse-primary: #d0bcff;
+	--material-outline: #79747e;
+	--material-outline-variant: #cac4d0;
 }
 
 :where(.dark), :root.dark[data-rui-theme='material'] {
-	--material-primary: oklch(82% 0.11 293);
-	--material-secondary: oklch(80% 0.04 286);
-	--material-tertiary: oklch(82% 0.09 340);
-	--material-error: oklch(82% 0.12 25);
-	--material-canvas: oklch(17% 0.012 285);
-	--material-surface: oklch(20% 0.014 285);
-	--material-surface-container: oklch(25% 0.018 285);
-	--material-outline: oklch(70% 0.018 285);
-	--material-outline-variant: oklch(36% 0.012 300);
-	--material-text: oklch(91% 0.01 285);
+	--material-primary: #d0bcff;
+	--material-on-primary: #381e72;
+	--material-primary-container: #4f378b;
+	--material-on-primary-container: #eaddff;
+	--material-secondary: #ccc2dc;
+	--material-on-secondary: #332d41;
+	--material-secondary-container: #4a4458;
+	--material-on-secondary-container: #e8def8;
+	--material-tertiary: #efb8c8;
+	--material-on-tertiary: #492532;
+	--material-tertiary-container: #633b48;
+	--material-on-tertiary-container: #ffd8e4;
+	--material-error: #f2b8b5;
+	--material-on-error: #601410;
+	--material-error-container: #8c1d18;
+	--material-on-error-container: #f9dedc;
+	--material-surface: #141218;
+	--material-on-surface: #e6e0e9;
+	--material-on-surface-variant: #cac4d0;
+	--material-surface-container-lowest: #0f0d13;
+	--material-surface-container-low: #1d1b20;
+	--material-surface-container: #211f26;
+	--material-surface-container-high: #2b2930;
+	--material-surface-container-highest: #36343b;
+	--material-inverse-surface: #e6e0e9;
+	--material-inverse-on-surface: #322f35;
+	--material-inverse-primary: #6750a4;
+	--material-outline: #938f99;
+	--material-outline-variant: #49454f;
 }