Переключатель на темную тему

Windler

5 июн 2022 г., 5:51

Изменено

NaN is number

И так, новая обновленная версия переключателя.
Теперь он более гибкий, можно настраивать в объекте отдельные элементы, можно сменить стандартные цвета фона и текста для темной темы.
Теперь после перезагрузки страницы не показываются старые стили, а размещает их до тега body
Большинство контента для изменения темы уже прописаны в скрипте. (возможно, что-то упустил, но благодаря гибкости скрипта сможете сами все добавить)
Инструкция тоже была обновлена.
ОБНОВЛЕНИЯ В БУДУЩЕМ БУДУТ ЛИШЬ ДОБАВЛЯТЬ СТИЛИ ДЛЯ ЗАМЕНЫ

Прикрепленные файлы:

76

(3.07 KB)

1654397518moon.zip

Windler

5 июн 2022 г., 6:11

NaN is number

В объект добавлены еще несколько стилей для замены.

Прикрепленные файлы:

121

(3.09 KB)

1654398689moon.zip

Macabre

5 июн 2022 г., 6:56

Wap Master

Красава

galtsev.t

23 июн 2022 г., 18:13

Изменено

<?php exit;

Добавлено: 23.06.2022 / 18:11

# Windler (05.06.2022 / 05:51)
И так, новая обновленная версия переключателя.
Теперь он более гибкий, можно настраивать в объекте отдельные элементы, можно сменить стандартные цвета фона и текста для темной темы.
Теперь после пер

после перезагрузки страницы видно белую тему))

Добавлено: 23.06.2022 / 18:13
ночью как прожектор на секунду

Windler

25 июн 2022 г., 17:53

NaN is number

galtsev.t, это с последней версией так?
просто в последней он стили до body пихает, соответственно сразу же их всех перезаписывает

Windler

25 июн 2022 г., 17:55

Изменено

NaN is number

galtsev.t, и обрати внимание, что скрипт нужно поключить в head без атрибутов defer / async
либо дай живой пример, я посмотрю, что не так)

galtsev.t

25 июн 2022 г., 18:31

<?php exit;

# Windler (25.06.2022 / 17:55)
galtsev.t, и обрати внимание, что скрипт нужно поключить в head без атрибутов defer / async
либо дай живой пример, я посмотрю, что не так)

А я внизу подключил, посмотрю ещё)

galtsev.t

25 июн 2022 г., 18:56

Изменено

<?php exit;

# Windler (25.06.2022 / 17:55)
galtsev.t, и обрати внимание, что скрипт нужно поключить в head без атрибутов defer / async
либо дай живой пример, я посмотрю, что не так)

все идеально работает, я просто глуповатый

А можно дописать чтоб путь к логотипу менялся?

Windler

26 июн 2022 г., 14:11

NaN is number

galtsev.t, В переключатель темной темы можешь добавить:

document.querySelector('.logo__image').innerHTML = '<img src="логотип для новой темы" class="img-fluid">';

А в функцию, которая переключает на стандартную:

document.querySelector('logo__image').innerHTML = '<img stc="стандартный логотип" class="img-fluid">';

ViROSS

14 янв 2024 г., 16:40

4 8 15 16 23 42

с телефонов выдвижное меню всё равно белое остаётся