Как определить, поддерживается ли «prefers-color-схема» в ОС?

Question

Не все устройства поддерживают темный режим, например. Android в версии 9. Есть ли способ определить, поддерживает ли пользовательская ОС темный режим?

Почему Я хочу добавить переключатель на основе Javascript. Если у пользователя уже есть встроенная поддержка, я хочу добавить специальную кнопку под названием «Авто». Это должно следовать системе.

Answer 1

Если вы хотите обнаружить поддержку JavaScript, одной идеей было бы установить переменную в CSS, обновить ее значение в медиазапросе для prefers-color-scheme и прочитать эту CSS переменную с JavaScript.