A voir également:
- Couleur de texte dégradé avec réglage "écran sombre"
- Excel cellule couleur si condition texte - Guide
- Double ecran - Guide
- Capture d'écran whatsapp - Accueil - Messagerie instantanée
- Capture d'écran samsung - Guide
- Mode sombre facebook - Guide
1 réponse
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
22 avril 2022 à 13:18
22 avril 2022 à 13:18
Bonjour,
Peut-être voir du coté de la propriété css prefers-color-scheme qui permet détecter si l'utilisateur défini le thème sombre ou clair dans les préférences du navigateur ou de l'OS.
Tu peux utiliser une media query avec cette propriété pour définir le style de tes éléments pour chaque thème (voir les exemples sur la doc) :
https://developer.mozilla.org/fr/docs/Web/CSS/@media/prefers-color-scheme
Peut-être voir du coté de la propriété css prefers-color-scheme qui permet détecter si l'utilisateur défini le thème sombre ou clair dans les préférences du navigateur ou de l'OS.
Tu peux utiliser une media query avec cette propriété pour définir le style de tes éléments pour chaque thème (voir les exemples sur la doc) :
https://developer.mozilla.org/fr/docs/Web/CSS/@media/prefers-color-scheme
22 avril 2022 à 17:40
Je ne savais pas que ce critère existait. J'ai déjà mis en place des media query pour faire du responsive design, mais je vais ajouter ce critère d'écran sombre ( @media (prefers-color-scheme: dark) { ....... dans mes CSS) pour choisir moi-même les couleurs alternatives !