<2005>itvsm.com</2021>

Темная | Светлая тема — одной строкой

Изменение темы сайта на темную/светлую одной строкой.

Как быстро изменить тему со светлой на темную и наоборот? Для изменения достаточно в стили сайта добавить всего одну строку с фильтрами:

{filter:invert(1) hue-rotate(180deg);}
QR: Изменение темы сайта на темную/светлую одной строкой | https://itvsm.com/temnaya-svetlaya-tema-odnoy-strokoy.html Это работает со всеми сайтами.

Добавлением данных фильтров мы по сути создаем «негатив» страницы. Для того, чтобы изображения и видео преобразовать в читабельный вид мы для них добавляем те же фильтры еще раз. Тело (body) сайта мы переводим в «негатив» и еще раз изображения и видео переводим в «позитив».


<style>
html, body {
filter:invert(1) hue-rotate(180deg);
}
img, picture, video {
filter:invert(1) hue-rotate(180deg) !important;
}
/*или
создаем класс и присваиваем 
его необходимым элементам:*/
[class="invert"]
{
filter: invert(1) hue-rotate(180deg);
}
</style>

На практике это выглядит так:

Светлая тема

В «Книге перемен» («И цзин») ян и инь служили для выражения светлого и тёмного, твёрдого и мягкого.

Единая изначальная материя тайцзи порождает две противоположные субстанции — ян и инь, которые едины и неделимы. Первоначально «инь» означало «северный, теневой», а «ян» — «южный, солнечный склон горы». Позднее инь воспринималось как негативность (не в каком-либо плохом смысле), женщина, холод, мрак, пассивность, меланхоличность, потусторонность, а ян — как позитивность, мужчина, тепло, свет, активность, оптимизм, посюсторонность и т. п.

Являясь основной (фундаментальной) моделью всего сущего, концепция инь-ян раскрывает два положения, объясняющих природу Дао. Во-первых, всё постоянно меняется. И, во-вторых, противоположности взаимодополняют друг друга (не может быть чёрного без белого, и наоборот). Целью человеческого существования, таким образом, является баланс и гармония противоположностей. Не может быть никакой «окончательной победы», ибо нет ничего окончательного, нет конца как такового.

Взаимодействие и борьба этих начал порождают пять стихий (первоэлементов) — у-син: воду, огонь, дерево, металл и землю, из которых возникает все многообразие материального мира — «десять тысяч вещей» — вань у, включая человека. Пять стихий находятся в постоянном движении и гармонии, взаимном порождении (вода порождает дерево, дерево — огонь, огонь — землю, земля — металл, а металл — воду) и взаимном преодолении (вода тушит огонь, огонь плавит металл, металл разрушает дерево, дерево — землю, а земля засыпает воду).

Темная тема

В «Книге перемен» («И цзин») ян и инь служили для выражения светлого и тёмного, твёрдого и мягкого.

Единая изначальная материя тайцзи порождает две противоположные субстанции — ян и инь, которые едины и неделимы. Первоначально «инь» означало «северный, теневой», а «ян» — «южный, солнечный склон горы». Позднее инь воспринималось как негативность (не в каком-либо плохом смысле), женщина, холод, мрак, пассивность, меланхоличность, потусторонность, а ян — как позитивность, мужчина, тепло, свет, активность, оптимизм, посюсторонность и т. п.

Являясь основной (фундаментальной) моделью всего сущего, концепция инь-ян раскрывает два положения, объясняющих природу Дао. Во-первых, всё постоянно меняется. И, во-вторых, противоположности взаимодополняют друг друга (не может быть чёрного без белого, и наоборот). Целью человеческого существования, таким образом, является баланс и гармония противоположностей. Не может быть никакой «окончательной победы», ибо нет ничего окончательного, нет конца как такового.

Взаимодействие и борьба этих начал порождают пять стихий (первоэлементов) — у-син: воду, огонь, дерево, металл и землю, из которых возникает все многообразие материального мира — «десять тысяч вещей» — вань у, включая человека. Пять стихий находятся в постоянном движении и гармонии, взаимном порождении (вода порождает дерево, дерево — огонь, огонь — землю, земля — металл, а металл — воду) и взаимном преодолении (вода тушит огонь, огонь плавит металл, металл разрушает дерево, дерево — землю, а земля засыпает воду).

Для смены темы со светлой на темную «на лету» достаточно написать небольшой JS, который по клику будет добавлять созданный класс необходимым элементам сайта.

Недостаток данного метода:

Если на вашем сайте много элементов с тенью, то для каждого из них будет необходимо создать правило или убирающее тени, или делающие их снова темными.
У нас вы можете заказать сайт (создание сайтов, разработка сайтов), заказать интернет магазин, заказать landing page (заказать продающую страницу).
Пожалуйста будьте внимательны! Комментарии:
  • С рекламой - удаляются автоматически,
  • Линки (ссылки) на сторонние ресурсы - удаляются автоматически,
  • Сообщения не по теме удаляются автоматически.

Для сообщений не по теме пожалуйста используйте форму контактов.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *