Hactoberfest first week
For the first week of Hactoberfest. I refined the light theme on PhysicsHub to create a more comfortable, accessible, and consistent experience across the platform
What I Changed
The light theme got a complete refresh. I replaced the overly bright backgrounds with softer, easier-on-the-eyes colors. Those harsh whites and near-whites (#e8eefb, #f6f7fb) are now gentler shades (#d1d9e8, #dde6f0) that reduce eye strain during extended use.
I also simplified how theme switching works. Instead of cycling through three modes (dark → light → system), users now get a straightforward light/dark toggle. The preference persists across sessions, so the app remembers what you like.
Under the hood, I fixed theme handling across the entire application. Simulation pages, chapter cards, code blocks, and other components now properly adapt to the chosen theme instead of using hardcoded colors. I also improved text contrast, making content more readable in light mode.
Why It Matters
The original light theme was too aggressive. Extended reading sessions meant squinting at bright backgrounds, which isn't ideal for anyone spending serious time with the content.
These changes improve accessibility through better contrast ratios, create a more consistent experience across all pages, and make the codebase more maintainable by eliminating hardcoded color values. Plus, the simpler toggle makes switching themes feel natural rather than confusing.
Hacktoberfest 2025 Contribution
Issue #15 | Pull Request #46
Top comments (0)