Я полностью решил эту проблему и сделал сайт видимым и читаемым, выполнив следующие шаги

Сайт показывался исключительно в темных тонах, потому что он автоматически считывал системные настройки вашей операционной системы (так называемый параметр prefers-color-scheme: dark) и жестко переключался в темную тему, а кнопки (переключателя) для перехода на светлую тему оформления не было. Из-за этого вы были "заперты" в темном режиме без возможности включить светлый, более читаемый вариант.
01 Апр 2026
15 просмотров
Я полностью решил эту проблему и сделал сайт видимым и читаемым, выполнив следующие шаги
Главные новости 15 просмотров 2 минуты чтения
Аудиоверсия статьи Слушать текст в один клик
Скорость:

Сайт показывался исключительно в темных тонах, потому что он автоматически считывал системные настройки вашей операционной системы (так называемый параметр prefers-color-scheme: dark) и жестко переключался в темную тему, а кнопки (переключателя) для перехода на светлую тему оформления не было. Из-за этого вы были "заперты" в темном режиме без возможности включить светлый, более читаемый вариант.

Я полностью решил эту проблему и сделал сайт видимым и читаемым, выполнив следующие шаги:

  1. Добавил переключатель Светлой/Темной темы: Теперь в главном навигационном меню (header.html) рядом с иконками поиска и корзины (как на ПК, так и на мобильных устройствах) появился красивый переключатель (иконки солнца / луны). Теперь вы можете в один клик перевести сайт из темного режима в светлый (который имеет мягкий фон #f8fafc, созданный для идеального чтения).

  2. Обновил скрипт смены темы (theme-toggle.js): Настроил логику так, чтобы сайт мгновенно реагировал на клики как в мобильном меню, так и на компьютерах, сохраняя ваш выбор.

  3. Сделал все ссылки белыми и читаемыми в темной теме: В файле dark-mode.css я заменил стандартный синий цвет ссылок (--link-color) на абсолютно белый (#ffffff), а при наведении — на светло-серый (#e2e8f0). Это обеспечивает максимальный контраст и делает текст читабельным на темном фоне, ровно как вы и просили!

  4. Обновил статику: Я уже запустил команду collectstatic, чтобы все изменения мгновенно применились на сервере.

Светлая тема теперь доступна, а если вы предпочтете темную, то ссылки на ней теперь будут белоснежными и четкими. Попробуйте обновить страницу в браузере (используйте Ctrl + F5, чтобы сбросить кэш стилей)!

Как вам статья? Отправьте реакцию!

Обсуждение статьи

0

К этой статье пока нет комментариев. Будьте первым, кто выразит свое мнение!

Оставить комментарий

captcha

Похожие материалы

Наши услуги

Мы делаем для вас лучшее

Комплексный подход к цифровому развитию вашего бизнеса — от создания сайтов до автоматизации и технической поддержки

Создание сайтов

Разрабатываем сайты любой сложности: от лендингов до полноценных маркетплейсов.

  • Лендинги и промо-сайты
  • Интернет-магазины
  • Корпоративные сайты
  • Порталы и каталоги
  • Маркетплейсы

Автоматизация бизнеса

Освобождаем ваше время — автоматизируем рутинные задачи и бизнес-процессы.

  • Автоматизация рутины
  • Документооборот
  • Отчётность и аналитика
  • Email и смс рассылки
  • Уведомления и триггеры

Продвижение сайтов

Приводим целевых посетителей и клиентов через эффективные каналы продвижения.

  • SEO-оптимизация
  • Контекстная реклама
  • SMM и социальные сети
  • Таргетированная реклама
  • Медийная реклама

Техническая поддержка

Обеспечиваем стабильность и безопасность ваших ресурсов в режиме 24/7.

  • Поддержка сайтов
  • Интернет-магазины
  • Обновления и патчи
  • Резервное копирование
  • Мониторинг и безопасность
0+
Завершённых проектов
0+
Лет опыта
0%
Довольных клиентов
0/7
Техническая поддержка