Aero goes underwater with rising bubbles; floating cookie notice; Czech title
Frutiger Aero, closer to the mock: - The scene is water now: sun shafts through a bright surface, caustic patches, reeds on the left, a city silhouette on the right, and ten soap bubbles that actually rise (own keyframes, varied sizes/speeds/sway; the spans are display:none outside aero so they cost nothing elsewhere, and they sit still under reduced motion). - Pale blue glass at 0.8: still reads as glass, but dark navy text clears 4.5:1 over the water. The phone tab bar mixes the sheet glass instead of the page — in aero the page *is* the water, which left its labels at 3.9:1. - The aero page-level text (muted/subtle) is much darker for the same reason. - The PWA status bar follows the new water blue (#2fa7e6). The cookie notice is floating glass now (blurred backdrop, rim, shadow): as a plain card it read as part of the page background instead of a notice. Czech: "Tvoje mraznička" -> "Tvůj mrazák" (library title), test updated. Contrast: 0 below-minimum findings and 0 axe violations across every screen, all three themes. Version 0.2.1, SW -> freezmo-v55.
This commit is contained in:
parent
e56653dae1
commit
67e2cefcfe
11 changed files with 194 additions and 71 deletions
|
|
@ -237,11 +237,17 @@ const AXE = axeSource();
|
|||
}));
|
||||
check("aero: applied without the dark class", state.aero && !state.dark, JSON.stringify(state));
|
||||
check(
|
||||
"aero: the scene becomes a sky",
|
||||
"aero: the scene becomes water",
|
||||
state.sky.length > 0 && state.sky !== "#f4f9ff" && state.sky !== "#070b16",
|
||||
state.sky,
|
||||
);
|
||||
check("aero: the status bar follows the sky", state.themeColor === "#3fa3e0", String(state.themeColor));
|
||||
check(
|
||||
"aero: bubbles rise",
|
||||
(await page.locator(".ice-bubble").count()) === 10 &&
|
||||
(await page.locator(".ice-bubble").first().evaluate((el) => getComputedStyle(el).animationName)) ===
|
||||
"aero-bubble-rise",
|
||||
);
|
||||
check("aero: the status bar follows the water", state.themeColor === "#2fa7e6", String(state.themeColor));
|
||||
check(
|
||||
"aero: the light/dark toggle is gone",
|
||||
(await page.getByRole("button", { name: /Switch to (light|dark) mode/ }).count()) === 0,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue