Как сделать смену темы на сайте?

Question

[AIIVY ⠀]

Делаю сайт. Хочу чтобы на нём можно было изменять тему нажатием ссылки (да, именно ссылки, так как такой стиль). Например: на сайте есть ссылка с надписью: "change theme", и при нажатии на неё тема меняется. Поскольку сайт выполнен полностью в чёрно-белых тонах, то очень желательно было бы сделать всё через параметр invert() в css.

Comments

[Ankhena]

нажатием ссылки (да, именно ссылки, так как такой стиль)

Смена темы это кнопка, а не ссылка, потому что нет перехода.
Стилизовать кнопку вы можете как угодно.

желательно было бы сделать всё через параметр invert() в css

Думаю, картинки будут выглядеть интересненько.

Хочу чтобы

Делаете кнопку, по нажатию на которую меняете класс у body.
В зависимости от класса у body меняете кастомные свойства в CSS.

Answer 1

[Danya Kozlovskiy]

Стилизовать отдельно классы для каждой темы и добавлять их через js в соответствие с выбранной темой. И если я не ошибаюсь, то invert() используется для изображений, а не для блоков.

Comments

[Ankhena]

И если я не ошибаюсь, то invert() используется для изображений, а не для блоков.

К чему примените, то и инвертируется.