Стили CSS @media (prefers-color-scheme: dark) в моих компонентах темы игнорируются, если в операционной системе пользователя установлен светлый режим, а пользователь выбирает тёмный режим в переключателе боковой панели. Также возникают проблемы, если в ОС установлен тёмный режим, но в переключателе боковой панели выбран светлый. Всё выглядит так, как задумано, когда режимы ОС и переключателя совпадают. Сталкивался ли кто-нибудь ещё с этой проблемой и нашёл ли способ применить настройки CSS для светлого/тёмного режима, когда настройки ОС и переключателя боковой панели не совпадают?
У вас есть кастомные темы? Возникает ли та же проблема, когда вы используете Foundation или Horizon?
Привет, Кайла! Тебе удалось разобраться с этим самостоятельно? Если да, можешь поделиться результатами здесь?
Prefers-color-scheme учитывает только режим ОС.
Чтобы селектор цветов интерфейса корректно работал для цветов, не связанных с цветовой схемой, и других значений CSS, всегда используйте dark-light-choose, как объясняется здесь: Update themes and plugins to support automatic dark mode - #5 by pmusaraj