docs: add dark-mode screenshot variants #158

New issue

Closed

opened 2026-07-10 22:51:10 -07:00 by pyr0ball · 1 comment

pyr0ball commented

2026-07-10 22:51:10 -07:00

Owner

All screenshots in docs/screenshots/ are single-theme images. Dark mode users see jarring light-mode screenshots.

Fix:

Take dark mode screenshot variants for each existing screenshot (use Playwright with prefers-color-scheme: dark emulation)
Save as docs/screenshots/<name>-dark.png alongside the existing <name>.png files
Update each markdown reference to use MkDocs Material theme-aware syntax:

![Alt text](screenshots/01-foo.png#only-light)
![Alt text](screenshots/01-foo-dark.png#only-dark)

Related: docs-portal linkback added in mkdocs.yml already.

All screenshots in `docs/screenshots/` are single-theme images. Dark mode users see jarring light-mode screenshots. Fix: 1. Take dark mode screenshot variants for each existing screenshot (use Playwright with `prefers-color-scheme: dark` emulation) 2. Save as `docs/screenshots/<name>-dark.png` alongside the existing `<name>.png` files 3. Update each markdown reference to use MkDocs Material theme-aware syntax: ```markdown ![Alt text](screenshots/01-foo.png#only-light) ![Alt text](screenshots/01-foo-dark.png#only-dark) ``` Related: docs-portal linkback added in mkdocs.yml already.

pyr0ball commented

2026-07-20 12:52:05 -07:00

Author

Owner

Closed by commit c3e359c — 4 dark-mode screenshots added: pantry, recipes, recipe results, and receipts views.

Closed by commit c3e359c — 4 dark-mode screenshots added: pantry, recipes, recipe results, and receipts views.