camicroscope / caMicroscope

Digital pathology image viewer with support for human/machine generated annotations and markups.
BSD 3-Clause "New" or "Revised" License
252 stars 290 forks source link

Introducing Website-wide Dark Mode with Seamless Switching | Issue Fixed #819 #820

Closed barchakuz closed 7 months ago

barchakuz commented 7 months ago

Summary

The proposed feature introduces a dark mode system to the entire caMicroscope website, allowing users to toggle between light and dark modes seamlessly. This feature aims to enhance user experience and accessibility by providing an alternative color scheme that is easier on the eyes, particularly in low-light environments.

Motivation

Dark mode has become a popular feature in web applications and websites due to its benefits in reducing eye strain, improving readability, and conserving battery life on devices with OLED screens. By implementing dark mode in caMicroscope, we can cater to users' preferences and offer a more comfortable viewing experience across different environments.

Testing

The dark mode feature has been thoroughly tested beyond the automatic hooks. Testing involved:

https://github.com/camicroscope/caMicroscope/assets/66128370/e129c414-8897-4958-9061-9b090cafa7f0

Benefits