caMicroscope icon indicating copy to clipboard operation
caMicroscope copied to clipboard

Feature/landing page darkmode more button

Open We13b-MD opened this issue 3 months ago • 0 comments

Feature: Implemented dark mode functionality and enhanced the more button for the caMicroscope landing page with Mobile responsiveness.

Motivation:

Provide users with a more customizable and visually appealing experience. Improve accessibility for users who prefer dark themes, which can reduce eye strain in low-light environments. Align with the growing trend of dark mode adoption across web applications. Implementation:

Added necessary code to toggle between light and dark modes for the landing page. Ensured consistency in applying dark mode styles to all relevant elements. Maintained proper functionality of interactive elements (buttons, forms, etc.) in both light and dark modes. Testing:

Thoroughly tested the dark mode functionality across different browsers and devices. Verified that all UI elements are properly styled and remain functional in both light and dark modes. Made sure icons and Ui elements are responsive

Result:

https://github.com/camicroscope/caMicroscope/assets/122805291/f3a2a8c5-b088-47ad-93da-3b1e8917d44d

We13b-MD avatar Mar 21 '24 00:03 We13b-MD