Ночная тема для сайта

Кнопка, которая добавляет и запоминает к тегу <body> класс dark, которым можно перекрасить весь сайт.

Пример:

HTML:

CSS:

А далее добавляем к нужным элементам сайта дополнительные цвета, например имеем:

Добавляем:

В этом примере я использовал массовую замену фона и шрифтов, добавив:

Но так лучше не делать, т.к. может измениться лишнее, а что-то нужное нет.

JS:

JS используется для того, чтобы запомнить сделанный выбор и вывести его при загрузке страницы.

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!