Fix style swatches and preview color mode #50

Closed
opened 2026-07-20 14:47:00 +00:00 by hugo · 1 comment
Owner

The Style view theme swatches appear visually indistinguishable, and the live theme preview does not reliably follow the selected Auto, Light, or Dark mode. Investigate the native Iced swatch rendering and the embedded __style-preview webview independently from the blog post/full-site preview work in issue #47. Verify each supported Pico theme has a visibly distinct swatch, changing Preview Mode updates the live webview immediately without persisting the choice, and the preview HTML/CSS applies the selected light or dark color scheme. Compare bDS2 and specs/editor_settings.allium, add regression tests for theme/mode URL and rendered HTML, visually inspect the packaged macOS app, update user documentation if behavior changes, and run the full workspace gates.

The Style view theme swatches appear visually indistinguishable, and the live theme preview does not reliably follow the selected Auto, Light, or Dark mode. Investigate the native Iced swatch rendering and the embedded __style-preview webview independently from the blog post/full-site preview work in issue #47. Verify each supported Pico theme has a visibly distinct swatch, changing Preview Mode updates the live webview immediately without persisting the choice, and the preview HTML/CSS applies the selected light or dark color scheme. Compare bDS2 and specs/editor_settings.allium, add regression tests for theme/mode URL and rendered HTML, visually inspect the packaged macOS app, update user documentation if behavior changes, and run the full workspace gates.
hugo added the bug label 2026-07-20 14:48:46 +00:00
Author
Owner

Implemented in 3aa5dcb. Native Iced theme cards now use distinct 2:1:1 accent/light/dark swatches with a bDS2-style accent gradient; embedded preview creation is single-flight and navigates to the newest theme/mode URL, so Auto, Light, and Dark update immediately without persistence; and the compact preview puts an accent-colored button above the article so it is visible without scrolling. Added regression coverage for all distinct theme gradients, Auto/Light/Dark URLs, local-only state, rendered mode attributes, stylesheet selection, compact markup, and creation races. Verified with cargo fmt, cargo test --workspace, cargo build --workspace, cargo clippy --workspace --all-targets -- -D warnings, cargo bundle-macos, Allium check/analyse, and packaged macOS visual inspection.

Implemented in 3aa5dcb. Native Iced theme cards now use distinct 2:1:1 accent/light/dark swatches with a bDS2-style accent gradient; embedded preview creation is single-flight and navigates to the newest theme/mode URL, so Auto, Light, and Dark update immediately without persistence; and the compact preview puts an accent-colored button above the article so it is visible without scrolling. Added regression coverage for all distinct theme gradients, Auto/Light/Dark URLs, local-only state, rendered mode attributes, stylesheet selection, compact markup, and creation races. Verified with cargo fmt, cargo test --workspace, cargo build --workspace, cargo clippy --workspace --all-targets -- -D warnings, cargo bundle-macos, Allium check/analyse, and packaged macOS visual inspection.
hugo closed this issue 2026-07-20 16:46:10 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: hugo/RuDS#50