Skip to content

feat(view): Obsidian-style light/dark theme switch#18

Merged
kzu merged 1 commit into
mainfrom
dev/theme
Jul 10, 2026
Merged

feat(view): Obsidian-style light/dark theme switch#18
kzu merged 1 commit into
mainfrom
dev/theme

Conversation

@kzu

@kzu kzu commented Jul 10, 2026

Copy link
Copy Markdown
Member

Summary

  • Add an Obsidian-style light/dark theme toggle to the right of the Tags header link.
  • Theme the reader shell with CSS variables; persist preference in localStorage with FOUC-safe init and system preference fallback.

Test plan

  • Open okf view output and confirm the switch appears right of Tags.
  • Toggle light → dark and dark → light; verify shell, nav, content, and controls restyle correctly.
  • Reload and confirm the chosen theme is restored.
  • With no stored preference, confirm system prefers-color-scheme is respected on first load.
  • dotnet test --filter FullyQualifiedName~BundleViewer

Add a header toggle next to Tags that switches the reader between light and dark themes, with CSS variables, FOUC-safe init, and localStorage persistence.
@kzu kzu added the enhancement New feature or request label Jul 10, 2026
@kzu kzu enabled auto-merge (rebase) July 10, 2026 05:02
@kzu

kzu commented Jul 10, 2026

Copy link
Copy Markdown
Member Author

74 passed 74 passed

🧪 Details on Ubuntu 24.04.4 LTS

from retest v1.1.0 on .NET 10.0.9 with 💜 by @devlooped

@kzu kzu merged commit 01d086f into main Jul 10, 2026
4 checks passed
@kzu kzu deleted the dev/theme branch July 10, 2026 05:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant