Skip to content

Apply site-wide themes with white Zap Original and Warm Kitchen - #918

Merged
spe1020 merged 2 commits into
mainfrom
feat/site-wide-themes
Oct 26, 2026
Merged

spe1020 merged 2 commits into
mainfrom
feat/site-wide-themes

Conversation

@spe1020

@spe1020 spe1020 commented Oct 26, 2026 •

Copy link
Copy Markdown
Contributor

Preview: Open Explore · Settings / Appearance

Cloudflare Pages successfully deployed commit 2d8c85da: this build.

Adds seven site-wide styles, with Zap Original's white background restored as the default and the former off-white palette available separately as Warm Kitchen. Choose a style in Explore or Settings → Appearance → Style. Style remains independent of Light/Dark/System.

Result and scope

  • Zap Original light uses the original app's white page and neutral-gray surfaces. Warm Kitchen light preserves the previously reviewed off-white palette exactly. Both retain the existing Original dark palette.
  • After Hours ’80s, Recipe Club ’90s, Recipe Box, Corner Diner and Sunday Market remain available site-wide.
  • Shared surface, text, border, hover, focus and action roles apply throughout the drawer, feed, recipes, profiles, editors, modals, messages, kitchen tools, marketplace and membership/payment screens. Action backgrounds retain a readable foreground pair in dark mode.
  • A same-origin controller applies preferences before paint, including SSR-disabled routes. Existing saved keys, mode selection, system changes and cross-tab updates remain supported; original and warm-kitchen are distinct saved choices.
  • Stages 1 and 2 only. Existing layout, spacing, typography, content and workflows remain unchanged, apart from the approved Settings style selector. Explore's existing typography and decoration remain local. Provider branding, status/privacy meanings, media, QR contrast, print output and specialized artwork remain intentional exceptions. No new tracking, cookies or third-party requests.

The complete PR touches 213 palette consumer files and 18 foundation/control/test files. The white/Warm Kitchen adjustment changes only five of those files: shared palettes, controller allowlist, reusable picker and existing preference/contrast tests.

Verification

  • Cloudflare Pages deployed successfully. The two separate Workers integrations still report failures and remain flagged for Cloudflare-log review.
  • Latest commit 2d8c85da: all five GitHub Actions jobs pass (tests, type check, build, lint and feature-flag guard). The lint job intentionally soft-fails existing repository debt.
  • 43 focused preference/store/contrast tests pass, including all seven styles in light and dark. All five adjusted files pass Prettier; changed JS/TS/Svelte files pass ESLint. Local type check: 0 errors and 124 existing warnings; Cloudflare production build passes.
  • 36 focused browser states cover Original/Warm Kitchen × light/dark × Explore/Feed/Settings × 360/768/1440px. Each checks 53 root tokens. Warm Kitchen light and both dark variants exactly match the previously reviewed palette; Original light is white. Preference selection, actual client navigation, reload, cross-tab changes and independent mode selection pass.
  • Eight Feed/Settings contrast scans and four visible sign-in scans report zero violations. Axe's incomplete results are disclosed in the report; the actual sign-in gradient is additionally checked at 1,001 points, with minimum 5.50:1 contrast.
  • Built Explore HTML contains Warm Kitchen and preserves existing cached runtime SSR (prerender=false), cache policy and no app hydration. Built Messages/nested profile responses retain the prepaint controller, correct asset paths and cache revalidation.
  • The initial migration verification remains applicable to unchanged consumers: 184 relevant tests, 216 responsive/style observations, 588 matched shell elements without unintended geometry/font changes, real shared-component and portal checks, and QR/print invariants. The per-file consumer scope report records the strict source comparison; the latest adjustment touches shared foundation/control/test files only.

White Original / Warm Kitchen report · Latest production checks · Initial migration report · Initial lint comparison

Browser evidence uses Chromium and actual local source with external content blocked, so screenshots show signed-out/loading/unavailable-data states. Live authenticated workflows, native packaging, Safari/VoiceOver, physical QR scanning and printing were not exercised. Existing 360px header clipping remains outside this color-only scope. The Cloudflare deployment checks report preview status; direct preview access from this workspace is blocked by its network proxy.

White and off-white comparisons

Review artifacts are stored on the existing evidence branch, outside the product diff. Screenshots below are from 2d8c85da.

Explore: Zap Original vs Warm Kitchen, 360px / 768px / 1440px
Width Zap Original — white Warm Kitchen — off-white
360px White Explore 360px Warm Explore 360px
768px White Explore 768px Warm Explore 768px
1440px White Explore 1440px Warm Explore 1440px
Settings and Feed comparisons
Surface Zap Original — white Warm Kitchen — off-white
Settings, 360px White Settings Warm Settings
Feed, 1440px White Feed Warm Feed

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Oct 26, 2026 •

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Updated (UTC)
❌ Deployment failed
View logs
frontend 2d8c85d Oct 26 2026, 12:40 AM

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Oct 26, 2026 •

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Updated (UTC)
❌ Deployment failed
View logs
zapcooking-frontend 2d8c85d Oct 26 2026, 12:39 AM

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Oct 26, 2026 •

Copy link
Copy Markdown

Deploying frontend with  Cloudflare Pages  Cloudflare Pages

Latest commit: 2d8c85d
Status: ✅  Deploy successful!
Preview URL: https://6b68d860.frontend-hvd.pages.dev
Branch Preview URL: https://feat-site-wide-themes.frontend-hvd.pages.dev

View logs

@spe1020 spe1020 changed the title Apply existing Explore themes site-wide (stages 1 and 2) Apply site-wide themes with white Zap Original and Warm Kitchen Oct 26, 2026
@spe1020
spe1020 merged commit b416b7f into main Oct 26, 2026
6 of 8 checks passed
@spe1020
spe1020 deleted the feat/site-wide-themes branch October 26, 2026 00:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant