Dark mode

[mariiaovs]

Dark mode

Value Proposition

As a family member,

I want to switch the app to dark mode,

so that I can reduce eye strain and improve visibility, especially in low-light environments

Description

Acceptance Criteria

• User can to toggle between light and dark modes by clicking the toggle - button.
• The app's design elements, including text, buttons, and icons, are consistent and readable in dark mode.
• User's preferred mode is applied consistently across sessions.

Tasks

• [ ] create feature branch feature/dark-mode
• [ ] create objecte for light and dark themes with colors in styles.js
• [ ] import ThemeProvider and theme - objecte in _app.js and use them there to apply a theme
• [ ] create a component rendering an input to toggle theme, style it and render it in Header Component
• [ ] implement logic to toggle theme

[MathiSans]

Looking good!