Кнопка темы на сайте?

Question

[Nik]

Как реализовать кнопку на сайте которую при нажатии можно менять тему сайта с темного на белую.
Можно подробное описание

Answer 1

[Steppp]

самый простой способ filter: invert(<значение>);
Ну а вообще тут много примеров

Answer 2

[Роман]

1. тегу html добавляете параметр data-theme
2. в стилях задаете цвета через переменные в :root

:root[data-theme="mytheme"] {
  --color-primary: $fff;
  --color-secondary: $000;
  --color-accent: $0f0;
  ...
}

3. Через JS меняете значение для data-theme

Answer 3

[Александр]

У тебя есть 2 цветовой схемы, лежащие в разных файлах.
white.css
black.css
main.css

По дефолту подгружается white.css
Юзер жмет кнопку, js устанавливает в куки или локасторэдж флажек о том что нужно подгружать black.css и или на лету или при перезагрузке подгружается другая тема (через link в голове разметки)