Страница, где CSS использует цветовую схему предпочтений, отображает только схему по умолчанию. ⇐ CSS

[Anonymous]

Я пытаюсь настроить персональный веб-сайт для отображения в темном режиме, если для этого настроен браузер пользователя, и по умолчанию использовать светлый режим во всех остальных случаях. Я использую текущую версию Firefox-ESR в светлом режиме и стабильную версию Firefox в темном режиме. На других вкладках в браузере с темным режимом отображается темная страница, если она доступна.
Это включено Linux, версии — ff115.12.0esr и ff127.0.
Я работал с CSS с отдельными темными и светлыми версиями, пока и HTML, и CSS не прошли проверку w3c. Затем я объединил их и снова проверил валидацию. Но в обоих браузерах отображается только страница по умолчанию (светлая), а не светлая в одном и темная в другом.
Затем я попробовал поменять значения так, чтобы светлая была опцией, а темная - по умолчанию. - в обоих браузерах появился темный цвет.
Минимальный CSS с размером шрифта и интервалом изменен, чтобы проверить возможность их изменения:
/* styling for dark mode if selected */

@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: white;
font-size: 112.5%;
line-height:1.3;
}

a:link {
color: LightBlue;
}

/* visited - try for light mauve to stand out */
a:visited {
color: #bbb;
}

}

/* styling for (default) light mode */

body {
background-color: var(--background-color, #eee);
color: var(--color, #000);

font-family: sans-serif;
font-weight: 500;

font-size:119%;
line-height:1.2;
}

a:link {
color: var(--color, #004080);
}

a:visited {
color: var(--color,#600040);
}


И минималистичный HTML




Ineffective prefers-color-scheme



This should show dark mode or light mode

For some reason this only shows the default mode.

On firefox-esr I prefer light, on firefox-stable I prefer dark and
on the latter I get dark mode on sites where it is available.

Checking at
septatrix
both report as expected.





Подробнее здесь: https://stackoverflow.com/questions/786 ... he-default