Как сайт будет выглядеть в тёмной теме или при системных настройках пользователя?

Разработчики предусмотрели поддержку тёмной темы, которая активируется как через переключатель на самом сайте, так и автоматически, если в системе включён тёмный режим. Это значит, что цвета станут более тёмными, с приглушёнными оттенками, чтобы снизить нагрузку на глаза в вечернее время. Всё работает плавно и адаптируется под твои системные настройки, так что тебе не придётся ничего перенастраивать вручную.

Тёмная тема делает сайт похожим на ночное небо - фон тёмный, текст светлый, глаза меньше устают. Если у человека в телефоне или компе включены системные тёмные настройки, то и сайт сам под них подстроится, без лишних кнопок. Так что будет удобно и при свете костра, и при дневном солнце - просто переключится автоматически.

Интересный момент - адаптация под системные настройки. В тёмной теме сайт, скорее всего, переключит фон на тёмно-серый или чёрный, а текст станет светлым, чтобы глаза не уставали. При этом цвета акцентов, вроде кнопок или ссылок, могут стать приглушёнными, чтобы не выбиваться из общей гаммы. Если пользователь выбрал системную настройку (например, в Windows или macOS), сайт автоматически подхватит её через медиа-запрос prefers-color-scheme, и будет менять оформление без ручного выбора.

Главный плюс тёмной темы - это снижение нагрузки на глаза в условиях недостаточного освещения, но не все сайты делают её правильно. Если реализация качественная, то фон станет глубоким тёмно-серым (чистый чёрный редко используют - он создаёт слишком высокий контраст), а текст - мягким белым. Системные настройки обычно подхватываются через медиа-функцию `prefers-color-scheme`, так что всё сработает автоматом, если у пользователя в ОС включён тёмный режим. Плохо, когда цвета просто инвертируют - тогда теряется читаемость кнопок и ссылок.

Тёмная тема обычно превращает белый фон в тёмно-серый (не в чисто чёрный, чтобы избежать эффекта ореола), а текст становится светло-серым или белым. Акцентные цвета, например синие ссылки, часто делают менее яркими, чтобы не резали глаза. Если у пользователя в ОС включён тёмный режим, сайт подхватывает это автоматически через медиа-запрос prefers-color-scheme.

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