From c8cb700f7e29251619fce8dec3578013f12c1c7e Mon Sep 17 00:00:00 2001 From: Luna Date: Tue, 16 Jun 2026 16:34:57 -0700 Subject: [PATCH] =?UTF-8?q?web=20UI:=20"cinematheque"=20reskin=20=E2=80=94?= =?UTF-8?q?=20embedded=20editorial=20fonts=20+=20atmosphere=20+=20motion?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A presentational redesign of the web SPA, appended as a design layer so it overrides by source order while every colour still flows through the existing 7 per-theme CSS variables — so all 10 themes inherit it and no element id/class the JS relies on changes. - Typography: embed Instrument Serif (display) + Hanken Grotesk (body) as base64 woff2 (SIL OFL) — offline-safe, no CDN, no privacy leak. Serif wordmark/headers/empty-state; clean grotesque for UI. - Identity: a glowing crimson "recording" dot before the wordmark; a soft accent aurora + fine SVG film-grain fixed behind content (negative z, so it never sits under text). - Depth & motion: translucent blurred masthead with a hairline accent underglow; cinematic card hover (lift + accent ring + thumbnail zoom + shadow); one-time staggered shell reveal; themed focus rings; thin themed scrollbars; restrained button hover (no full crimson flood). Honours prefers-reduced-motion. Verified: JS still passes node --check, release builds clean, and a headless chromium screenshot of the live 8081 server confirms it renders (fonts + atmosphere + masthead) without breaking the existing layout. Co-Authored-By: Claude Opus 4.8 --- src/web_ui/index.html | 120 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 120 insertions(+) diff --git a/src/web_ui/index.html b/src/web_ui/index.html index 1dc6a59..5e15828 100644 --- a/src/web_ui/index.html +++ b/src/web_ui/index.html @@ -3,6 +3,9 @@ yt-offline +