X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Изменить цвет текста при включенной темной теме в браузере, Как правильно внести html и css правки?
Gera
Gera
Topic Starter сообщение 14.4.2022, 14:43; Ответить: Gera
Сообщение #1


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

1. Есть страница https://trening.fincult.ru/reg_april2022_v1 и внизу страницы есть часть текста на желтом фоне http://joxi.ru/Y2LyV4DU7Ry4YA , цвет у него черный, но при включенной темной темы в браузере текст почему-то становится белым и на желтом фоне плохо читается. Как это можно исправить: уже как только не пробовал..
2. Подскажите, пожалуйста, как и где лучше тестировать сайт для темной версии браузера или системы для смартфонов в тем числе?
3. И можно ли как-то отключить темную версию страницы или что посоветуете? В верстке опыта очень мало, не судите строго.


Заранее благодарен за помощь.
Желаю всем добра!


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rybakin
Rybakin
сообщение 14.4.2022, 18:02; Ответить: Rybakin
Сообщение #2


https://habr.com/ru/company/timeweb/blog/523478/ очень подробная обзорная статья про темные режими
там и есть отсылки где можно покопать ваш вопрос в каких файликах )


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 14.4.2022, 21:36; Ответить: Gera
Сообщение #3


Цитата(Rybakin @ 14.4.2022, 18:02) *
https://habr.com/ru/company/timeweb/blog/523478/ очень подробная обзорная статья про темные режими
там и есть отсылки где можно покопать ваш вопрос в каких файликах )

Спасибо большое.
Эту статью тоже изучал, пробовал с помощью медиа-запроса prefers-reduced-motion для темной темы внести правки, о которых описывал выше, но не помогло, поэтмоу решил обратиться на форум к вам за помощью.

Заранее спасибо)


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 16.4.2022, 22:11; Ответить: Gera
Сообщение #4


Так и не смог решить данную проблему...


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
malamut
malamut
сообщение 20.4.2022, 17:23; Ответить: malamut
Сообщение #5


Цитата(Gera @ 14.4.2022, 19:36) *
пробовал с помощью медиа-запроса prefers-reduced-motion

Вам нужен запрос prefers-color-scheme
Что-то вроде
Код
body { color: #000; }

@media (prefers-color-scheme: dark) {
  body   { color: #fff; }
}

И аналогичным способом перекрашиваете остальные элементы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
64 inkon 26275 Сегодня, 14:00
автор: work2crowd
Открытая тема (нет новых ответов) Как сделать сайт домашней страницей в браузере?
8 r0mZet 674 22.6.2022, 13:22
автор: Boymaster
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 73338 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Перевод текста в речь нейросетями - сервис Zvukogram
8 Zvukogram 4449 19.5.2022, 0:56
автор: Zvukogram
Открытая тема (нет новых ответов) Допущена ошибка при кластеризации и уже работает
Что посоветуете?
12 seonliner 1622 29.4.2022, 2:46
автор: Rybakin


 



RSS Текстовая версия Сейчас: 27.6.2022, 16:41
Дизайн