web-dev-qa-db-fra.com

Firefox: Comment tester le schéma de couleurs préféré?

Dans Firefox 67, on peut utiliser des requêtes multimédias pour détecter l'utilisateur préférence sur le thème clair ou sombre.

Dans ma version de Firefox (sous Ubuntu), il semble que ma préférence va au thème léger. Autrement dit, le CSS suivant donne un arrière-plan bleu:

@media (prefers-color-scheme: light) {
   :root {}
  body {
    background-color: blue;
  }
}

Comment puis-je modifier mes préférences Firefox afin que prefers-color-scheme: dark est évalué à vrai?

J'ai trouvé un module complémentaire qui semble faire l'affaire, mais je dois faire quelque chose de mal avec mon propre CSS, car cela ne fonctionne pas sur ma page. Forcer le site Web sombre

cssmedia-queriesthemes
19
Per Alexandersson

Vous pouvez mettre à jour le style utilisé par Firefox en allant à about:config et en ajoutant une nouvelle propriété ui.systemUsesDarkTheme de type entier avec la valeur 1.

Il ne met pas automatiquement à jour la valeur sur les pages actives de la même manière que lorsque vous mettez à jour les paramètres du système d'exploitation dans Windows ou Mac, mais si vous actualisez la page après la mise à jour, elle reprendra.

Vous pouvez confirmer que le paramètre du navigateur est correct en affichant le exemple sur mdn

Edit: sur firefox 71, la mise à jour est appliquée aux pages actives sans rafraîchissement

16
amccausl

Pour ce faire, vous pouvez également utiliser le about:config et définissez le devtools.inspector.color-scheme-simulation.enabled propriété à true.

Cela ajoute un bouton à l'onglet de l'inspecteur devtools qui vous permet de basculer rapidement entre le mode émulant clair et le mode sombre uniquement sur la page actuelle.

enter image description here

Finalement, cette fonctionnalité ne sera plus cachée derrière un drapeau. Vous pouvez suivre sa progression sur Bugzilla .

3
Toastrackenigma