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:
parent
67e2cefcfe
commit
f1c4a89adc
10 changed files with 83 additions and 78 deletions
|
|
@ -15,7 +15,8 @@ import { cn } from "@/lib/utils";
|
|||
export function AiDisclaimer({ className }: { className?: string }) {
|
||||
const { t } = useI18n();
|
||||
return (
|
||||
<p className={cn("text-center text-[11.5px] leading-snug text-[var(--text-subtle)]", className)}>
|
||||
// hint-line: Aero gives this its own glass chip (it sits on the wallpaper).
|
||||
<p className={cn("hint-line text-center text-[11.5px] leading-snug text-[var(--text-subtle)]", className)}>
|
||||
{t("common.aiDisclaimer")}
|
||||
</p>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -38,7 +38,20 @@ export function ThemeSection() {
|
|||
))}
|
||||
</div>
|
||||
{theme === "aero" ? (
|
||||
<p className="text-[11px] leading-snug text-[var(--text-subtle)]">{t("theme.aeroNote")}</p>
|
||||
<>
|
||||
<p className="text-[11px] leading-snug text-[var(--text-subtle)]">{t("theme.aeroNote")}</p>
|
||||
<p className="text-[11px] leading-snug text-[var(--text-subtle)]">
|
||||
{t("theme.aeroCredit")}{" "}
|
||||
<a
|
||||
href="https://wallpapersafari.com/w/IlWuz7"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="underline decoration-dotted"
|
||||
>
|
||||
wallpapersafari.com/w/IlWuz7
|
||||
</a>
|
||||
</p>
|
||||
</>
|
||||
) : null}
|
||||
</section>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -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>;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue