Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.02.2023, 17:43
Кандидат Javascript-наук
Отправить личное сообщение для mik888em Посмотреть профиль Найти все сообщения от mik888em
 
Регистрация: 21.06.2020
Сообщений: 145

Как на WP сайте в темном режиме отображать картинки неизменно?
Использую на моем WP сайте https://transscreen.ru плагин "DarkLooks - Dark Mode Switcher For WordPress" https://ru.wordpress.org/plugins/dar...mode-switcher/ чтоб пользователи могли переключится в темный режим.

В настройках плагина выставил использование для темного режима метода инверсии цветов:
jjj.jpg

Вижу что в темном режиме картинке плагин задаёт этот CSS , где 1 - означает что плагин инвертирует картинку обратно ("реанимирует") из инвертированной картинки, но при этом очень сильно уменьшает яркость:
jjj2.jpg

Фрагмент CSS:
html.darklooks-mode-changer-enabled img {
    filter: invert(1);
}



Если я вставлю в CSS такой фильтр
filter: brightness(100%);
то он запрещает фильтр инверсии который нужен для реанимации картинки из инвертированного режима:
jjj3.jpg

Где находится "цифра" что отвечает за уменьшения яркости я не могу найти.

Вопрос: Как в темном режиме отображать картинки неизменно - без уменьшения яркости и без инверсии?
Или где хотяб найти цифру где он уменьшает яркость картинке?
Ответить с цитированием
  #2 (permalink)  
Старый 04.02.2023, 20:11
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Сообщение от mik888em
Вопрос: Как в темном режиме отображать картинки неизменно - без уменьшения яркости и без инверсии?
html.darklooks-mode-changer-enabled body img {
    filter: none;
}
Ответить с цитированием
  #3 (permalink)  
Старый 04.02.2023, 20:51
Кандидат Javascript-наук
Отправить личное сообщение для mik888em Посмотреть профиль Найти все сообщения от mik888em
 
Регистрация: 21.06.2020
Сообщений: 145

Сообщение от Nexus Посмотреть сообщение
html.darklooks-mode-changer-enabled body img {
    filter: none;
}
вот попробовал в style.css ваш код и как я и говорил что если фильтр убрать то будет полная инверсия (см скрин)ccc.jpg
Ответить с цитированием
  #4 (permalink)  
Старый 04.02.2023, 21:25
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,745

Ну надо в средствах разработчика смотреть, почему это правило не применяется. может его какое более сильное перебивает.
Тогда попробовать
html.darklooks-mode-changer-enabled body img {
    filter: none !important;
}
Ответить с цитированием
  #5 (permalink)  
Старый 05.02.2023, 00:33
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

mik888em, у вас html с классом «darklooks-mode-changer-enabled» имеет следующие свойства:
html.darklooks-mode-changer-enabled {
    filter: invert(1) grayscale(.8);
}
отсюда и полная инверсия.
А фильтр invert на всех img, по задумке автора, видимо, должен был исправить "глобальную" инверсию цветов. Вот только свойства фильтра grayscale повторное применение функции invert не отменяет, отсюда и потеря яркости.
Ответить с цитированием
  #6 (permalink)  
Старый 05.02.2023, 13:12
Кандидат Javascript-наук
Отправить личное сообщение для mik888em Посмотреть профиль Найти все сообщения от mik888em
 
Регистрация: 21.06.2020
Сообщений: 145

Сообщение от Nexus Посмотреть сообщение
mik888em, у вас html с классом «darklooks-mode-changer-enabled» имеет следующие свойства:
html.darklooks-mode-changer-enabled {
    filter: invert(1) grayscale(.8);
}
отсюда и полная инверсия.
А фильтр invert на всех img, по задумке автора, видимо, должен был исправить "глобальную" инверсию цветов. Вот только свойства фильтра grayscale повторное применение функции invert не отменяет, отсюда и потеря яркости.
Да, вижу
grayscale(.8)
манипуляции с 8 ничего не дали. даже grayscale(.0) ставил в конкретную картинку но это не помогло
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Разноразмерные картинки в ряд - как реализовать??? al456 Общие вопросы Javascript 1 13.03.2019 18:45
как сделать выпадающие картинки по клику с перезаписью select thefair Общие вопросы Javascript 5 15.12.2015 22:54
Как сделать что бы картинки с другого url отображались как свои zlodey Серверные языки и технологии 1 04.05.2015 21:30
Как запустить крутящийся бегунок пока идет загрузка картинки в Jquery alex_fk jQuery 6 19.07.2013 14:02
Как извлечь адрес картинки, указанный внутри функции onclick? sidarvik Events/DOM/Window 19 04.02.2013 01:05