Выключение Света На Сайте

Здравствуйте
Подскажите, возможно ли сделать так, чтоб свет на сайте выключался в ночное время. Имеется ввиду днём дневная тема - белый бэкграунд, зелёный цвет сайта и тд. А в ночное время всё темнеет Пример aviasales
у них кстати на ночь сайт темнеет автоматически

Здравствуйте.

Уточните пожалуйста время для переключения фона.

Vaccina (01 Апрель 2020 - 08:52) писал:

тут двояко. от чего будет зависить день-ночь? от времени пользователя или от Москвы? потому что как знаем сторэлэндовское время привязано к времени MSK.

1. если будет привязано ко времени компа покупателя, то ночное время сайта - с 23⁰⁰ до 7⁰⁰

2. если время привязано к московскому времени, то ночное время с 19⁰⁰ до 3⁰⁰

мы тут спустились в подвал этого форума, там увидели кнопку ИЗМЕНИТЬ СТИЛЬ при выборе другого стиля меняется стиль форума. такое возможно реализовать?

Кенгуриец (01 Апрель 2020 - 17:53) писал:

Здравствуйте. Зайдите в Редактор шаблонов --- main.js и добавьте в самый конец шаблона код:  

$(document).ready(function(){
var currentTime = new Date().getHours();

function timeCheck() {
	if (currentTime > 23 || currentTime < 7) {
	  document.documentElement.classList.add('night');
	}
}
timeCheck();
});

В Редакторе шаблонов---HTML, найдите код:

  <div class="wrapper {% IF MOD_LNAME = cart %}cart__page{% ENDIF %}">

Замените его на:

  <div class="wrapper {% IF MOD_LNAME = cart %}cart__page{% ENDIF %} night">

В main.css, в самый конец шаблона код:

.night {background-color: #000000;}

Здорово, бэкграунд становится чёрным ночью
но это полпути, так как сам сайт остался ярким
возможно ли вот как бэкграунд чернеет на ночь так и фон карточки товара (который белый) становился слегка серым. и сейчас то что сделали круто, но тогда будет вообще идеально

что-то свет обратно не включается

Кенгуру (15 Апрель 2020 - 05:23) писал:

Здравствуйте. Произвели Вам изменения, заменив код выше на данный:

$(document).ready(function(){
var currentTime = new Date().getHours();

function timeCheck() {
		if (currentTime > 23 || currentTime < 7) {
		  document.querySelector(".wrapper").classList.add('night');
		} else {
		  document.querySelector(".wrapper").classList.remove('night');
		}
}
timeCheck();
});