Dark Mode

[anapecic]

Value proposition

As a user, I want to change to Dark mode, so I can easier read my Tasks in the dark.

Description

Acceptance criteria

• [ ] Button to change between bright/dark-mode.
• [ ] Page and content (fonts, icons, etc.) change color by clicking.
• [ ] Button changes (sun->bright, moon->dark).
• [ ] If there is an element without dark-mode styling, keep bright-mode styling instead.

Tasks

• [ ] Create feature branch "dark-mode"
• [ ] Create and design dark-mode toggle button.
• [ ] Add event listeners to the button to handle the switch between bright/dark-mode.
• [ ] Define and implement dark-mode styles across the page (background colors, text colors, icons, etc.).
• [ ] Handle fallback for elements without dark-mode styling, so they will keep their bright-mode styles instead.

[natush-NO]

Ціннісна пропозиція
Як користувач,
Я хочу перемикатися на темний режим,
щоб мені було легше читати завдання в темряві.

Опис
Зображення
Зображення

Критерії прийняття

• Кнопка для перемикання між світлим і темним режимами.
• Сторінка та контент (шрифти, іконки тощо) змінюють колір при натисканні.
• Кнопка змінює іконки (сонце -> світлий режим, місяць -> темний режим).
• Якщо є елемент без стилізації для темного режиму, зберігайте стилізацію для світлого режиму замість цього.

Завдання

• Створити гілку для функції "темний режим".
• Створити та спроектувати кнопку перемикання темного режиму.
• Додати обробники подій до кнопки для керування перемиканням між світлим і темним режимами.
• Визначити та реалізувати стилі темного режиму по всій сторінці (фонові кольори, кольори тексту, іконки тощо).
• Обробити випадки для елементів без стилізації темного режиму, щоб вони зберігали стилі світлого режиму замість цього.