Implement Dark Mode Support - Githubissues

ufosc / Alarm-Clock

Waking up is serious business.

11 stars 53 forks source link

Implement Dark Mode Support #46

Closed TurboTeam335 closed 9 months ago

TurboTeam335 commented 9 months ago

Description

This pull request introduces comprehensive dark mode support across the Alarm Clock app. Here's a summary of the key changes:

Dark Mode Context

Established a DarkModeContext to centrally manage the dark mode state and make it accessible throughout the application.

Dynamic Styling

Implemented dark mode styling adjustments for:
- Background colors (containers, cards, overall screen)
- Text colors (ensuring contrast and readability)
- Custom components (buttons, switches, input fields, etc.)

Applying Styles

Imported the getDynamicStyles function in relevant component files.
Used the useDarkMode hook to access the context and fetch the isDarkMode value.
Applied the dynamically generated styles to elements using the style prop.