Добавить переключение темы
По реализации - много пунктов Но я ниже в комментах скинул, как это все сам реализовывал - там просто скопировать реализацию Можешь всю ветку склонировать из примера - и глянуть как это работает
- [ ] Надо добавить доп. макеты (буквально для 1-2 страниц, все макеты не нужно адаптировать)
У тебя попапы уже в принципе в темной теме =)
- [ ] В соответствие с этим - добавить css-vars для темной темы
- [ ] Подключать .light css-vars или .dark в зависимости от выбранного пользователем
- [ ] Реализовать темизацию через HOC theme provider
- [ ] Хранить текущую тему в localStorage
Возможно придется переопределять глобально цвета ant.design для полной реактивности и связки с нашей цветовой палитрой
Здесь пример, как пробовал организовать у себя в проекте:
- vars.scss
-
theme-provider.tsx
Хотя я бы theme-provider модуль не как фичу, а как ресурс в app организовал (в
/app/hocs/)
Здесь перечислены способы
Если будут вопросы - пиши
https://habr.com/ru/company/timeweb/blog/523478/
Пока на паузу, сделаем после #16
(когда все css-vars привяжем и кнопки переопределим)