57_WolveandClaude Opus 5
1984762186
build / build (push) Successful in 11m32s
Toasts blended into whatever sat behind them: one landing over the
Explorer's Upload button showed the button straight through it.
Two separate causes, both in the override layer:
- The status tints map bg-*-50 to rgba(..., 0.13). That is right for
inline banners, which sit on a solid panel, but a toast floats over
page content, so 13% left it see-through.
- text-*-800 was never re-pointed. The lifts covered 600/700 only, so
Tailwind's near-black green/red/yellow/blue 800s stayed put — and
the toast label, every inline warning and info box ("This action
cannot be undone", the bucket-policy status line, v1.11.0's new
bucket-size readout) rendered dark-on-dark. 25 call sites.
Scope matches each cause. The text lift is global, since the inline
boxes are just as unreadable as the toasts. The opaque surface is
scoped to #toast-container, because the inline boxes should keep their
translucent tint — they have a panel behind them.
Toasts now get #1a1a2e with the status tint composited back on top as a
background-image layer, a hairline on the three non-accent edges (the
4px border-l-* keeps its status colour), and a shadow deep enough to
read on a dark page, where shadow-lg is invisible.
Also lifts hover:text-gray-600, which the base layer missed the same way
it missed the uploads-tray Cancel link: the toast close button, the
secret-key reveal and the login endpoint dropdowns all dimmed to
Tailwind's #4b5563 on hover instead of lifting.
Verified in the patched UI served over HTTP: all four toast types render
opaque over a bright button placed behind them, computed background
rgb(26, 26, 46) with the tint layer, label colour rgb(74, 222, 128).
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>