Задать вопрос
@3v4l

Установить prefers-color-scheme браузера?

Здравствуйте, есть простой код:
(() => {
  'use strict'

  const getPreferredTheme = () => {
    return (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'
  }

  const setTheme = theme => {
    if (theme === 'auto' && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
      document.documentElement.setAttribute('data-bs-theme', 'dark')
    } else {
      document.documentElement.setAttribute('data-bs-theme', theme)
    }
  }

  setTheme(getPreferredTheme())
})()


Вопрос, у меня на ПК по умолчанию стоит именно темная версия, в браузере "устройства", но когда я меняю на светлый перезахожу на сайт, все равно по умолчанию темная, можно как-то обойти и брать именно из браузера?
  • Вопрос задан
  • 62 просмотра
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы