@layer repui.theme { [data-rui-theme="ocean-deep"] { --rui-overlay-background: var(--rui-color-surface-raised); --rui-overlay-border: var(--rui-color-border); --rui-overlay-shadow: var(--rui-shadow-overlay); --rui-menu-background: var(--rui-overlay-background); --rui-menu-border: 1px solid var(--rui-overlay-border); --rui-menu-shadow: var(--rui-overlay-shadow); --rui-select-listbox-background: var(--rui-overlay-background); --rui-select-listbox-border-color: var(--rui-overlay-border); --rui-select-listbox-shadow: var(--rui-overlay-shadow); } [data-rui-theme="ocean-deep"][data-rui-color-scheme="dark"] { --rui-overlay-background: color-mix(in oklch, var(--rui-color-surface-raised) 95%, var(--rui-color-accent-soft)); --rui-overlay-border: color-mix(in oklch, var(--rui-color-border) 86%, var(--rui-color-accent) 14%); } }