33 подписчика
В Интернете существует множество способов переключения между светлыми и тёмными темами. Мы можем использовать JavaScript или медиа запрос prefers-color-scheme в CSS для переключения между темами на основе системных предпочтений пользователя.
Медиа запрос prefers-color-scheme позволяет выполнять действия, применяемые только при включении светлого или тёмного режима в системе пользователя. Например, можно изменить цвет фона страницы на чёрный, если в системе пользователя включён тёмный режим, следующим образом.
body {
background-color: white;
}
@media (prefers-color-scheme: dark) {
body {
background-color: black;
}
}
Аналогичным образом можно изменить цвет текста в зависимости от системных предпочтений пользователя.
Около минуты
24 октября 2023