Aero uses the real wallpaper + liquid glass buttons

The wallpaper is the one from the mockup: "The S Aesthetic That You
Definitely Recognize Frutiger Aero" via WallpaperSafari
(https://wallpapersafari.com/w/IlWuz7) — the URL in the request pointed at a
different (teal abstract) wallpaper, this is the grass/sky/water one that
matches the screenshot. Re-encoded to a 237 kB WebP in public/aero/, used as
the scene in aero only (light/dark never download it), and credited in
Settings next to the theme picker.

The drawn CSS scene (rays, reeds, skyline, caustics) is off over the photo;
the ten rising bubbles stay, and the orbs became extra bubbles. Buttons and
segments are liquid glass now — translucent, glossed top half, bright rim,
backdrop blur — instead of the solid aqua fill. Helper lines that sit
straight on the wallpaper (the keyboard tip, the AI note) get a small glass
chip: dark text on grass measured 2.5:1.

Also carries: the underwater scene + bubbles work, the floating cookie
notice, the Czech title (Tvůj mrazák) and the review-suite fix that made the
last deploy fail its gate.

Contrast: 0 below-minimum findings, 0 axe violations across all three
themes. Version 0.2.2, SW -> freezmo-v56.
This commit is contained in:
Martin Dvořák 2026-10-13 06:21:43 +00:00
commit f1c4a89adc
10 changed files with 83 additions and 78 deletions

View file

@ -225,7 +225,8 @@ export function FeedbackPanel({
export function Hint({ children }: { children: React.ReactNode }) {
const noHints = useNoHints();
if (noHints) return null;
return <p className="text-sm text-frost-600 dark:text-frost-300">{children}</p>;
// hint-line: Aero gives this its own glass chip (it sits on the wallpaper).
return <p className="hint-line text-sm text-frost-600 dark:text-frost-300">{children}</p>;
}
/**