Remplacer le paramètre CSS préfère-color-scheme : une solution complète
L'avènement des modes sombres dans les principaux systèmes d'exploitation a nécessité la mise en œuvre de thèmes personnalisables pour sites Web. Cependant, la règle CSS native @media (prefers-color-scheme: dark) peut ne pas toujours correspondre aux préférences de l'utilisateur ou à la prise en charge du navigateur.
Présentation des variables et des thèmes CSS
Pour surmonter cette limitation, nous pouvons exploiter les variables et les thèmes CSS :
Cette approche fournit un moyen cohérent d'appliquer des thèmes de manière dynamique.
JavaScript pour la détection et le basculement
Pour détecter le thème préféré ou remplacé de l'utilisateur, ainsi que pour permettre aux utilisateurs de basculer entre les thèmes :
HTML pour le basculement
Incluez une simple case à cocher dans votre code HTML pour permettre aux utilisateurs de changer de thème à la demande.
Avantages de cette solution
Cette approche globale offre plusieurs avantages :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!