diff --git a/theme.css b/theme.css index 32ef3e8..1009ffd 100644 --- a/theme.css +++ b/theme.css @@ -45,7 +45,12 @@ --card: oklch(1 0 0 / 0.58); --card-foreground: oklch(0.16 0.025 285); - --popover: oklch(1 0 0 / 0.74); + /* Near-opaque on purpose, unlike --card. A popover is the one glass + * surface with nothing behind it: a card sits on the page background, + * but a menu floats over arbitrary content, and at card alpha the text + * underneath reads straight through a list of menu items. The backdrop + * blur below still gives it depth — the tint just stops being a window. */ + --popover: oklch(1 0 0 / 0.94); --popover-foreground: oklch(0.16 0.025 285); --primary: oklch(0.55 0.22 295); @@ -193,7 +198,9 @@ --card: oklch(0.22 0.04 290 / 0.55); --card-foreground: oklch(0.97 0.005 280); - --popover: oklch(0.22 0.04 290 / 0.78); + /* See the light-mode note: dark is the worse case, because the aurora + * field behind a menu is at its most saturated here. */ + --popover: oklch(0.22 0.04 290 / 0.95); --popover-foreground: oklch(0.97 0.005 280); --primary: oklch(0.7 0.2 295);