Jump to content

VamShop — Тёмный режим, добавлена поддержка тёмной темы!


Recommended Posts

В VamShop по умолчанию добавлена поддержка тёмной темы, тёмного режима.

Если у Вас на смартфоне, в настройках системы выбрана Тёмная тема (Dark Mode), то VamShop так же будет открываться в тёмном оформлении.

Протестировать можно в онлайн-демке https://demo.vamshop.ru

Зайдите с телефона, на котором включена тёмная тема. Если на телефоне в настройка выбрана тёмная тема, магазин откроется вот в таком виде:

screencapture-demo-vamshop-ru-2020-08-30

Если в настройках телефона выбрана светлая тема, то магазин откроется вот в таком виде:

screencapture-demo-vamshop-ru-2020-08-30

Всё автоматически, в зависимости от настроек Вашего смартфона выбирается либо тёмная, либо светлая тема.

Кроме того, если Вам не нравится тот или иной вариант, Вы можете сменить тему: тёмную на светлую и светлую на тёмную.

В шапке есть индикатор выбора темы:

dark-theme-indicator.png

Ваш выбор сохраняется. При следующем входе будет открыта та тема, которую Вы выбрали вручную.

Либо будет открываться тема в зависимости от настроек телефона, если Вы вручную не меняли тему.

Читать заметку полностью

Link to post
Share on other sites
  • 1 month later...

Здравствуйте, в тёмной теме очень сильно затемняет картинки товара, подскажите как отключить затемнение картинок, как я понимаю путь лежит в dark.css?

Link to post
Share on other sites
2 часа назад, ggg888 сказал:

Здравствуйте, в тёмной теме очень сильно затемняет картинки товара, подскажите как отключить затемнение картинок, как я понимаю путь лежит в dark.css?

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

Да.

Специально сделано, иначе картинки в тёмном режиме слишком яркие, особенно на белом фоне.

Если хотите убрать, то в /templates/vamshop4/css/dark.css удалите:

img[src*=".svg"] {
  filter: var(--icon-filter);
}

img:not([src*=".svg"]) {
  filter: var(--image-filter);
}

 

Link to post
Share on other sites
×
×
  • Create New...