Différences entre versions de « MediaWiki:Timeless.css »
Sauter à la navigation
Sauter à la recherche
(2 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 3 : | Ligne 3 : | ||
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Timeless */ | /* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Timeless */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*ajout pour le thème sombre*/ | |
− | { | + | /* Styles pour le thème clair (par défaut) */ |
− | color: # | + | body { |
+ | background-color: #ffffff; | ||
+ | color: #000000; | ||
} | } | ||
− | + | /* Styles pour le thème sombre */ | |
− | { | + | body.dark-theme { |
− | color: # | + | background-color: #333333; |
+ | color: #ffffff; | ||
} | } | ||
− | + | /* Ajustements spécifiques pour le thème Timeless */ | |
− | { | + | body.dark-theme .content { |
− | color: # | + | background-color: #444444; /* Exemple de couleur pour les sections de contenu */ |
} | } | ||
− | + | body.dark-theme .header, | |
− | { | + | body.dark-theme .footer { |
− | color: # | + | background-color: #222222; /* Exemple de couleur pour les en-têtes et pieds de page */ |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* Débogage pour vérifier si le thème sombre est appliqué */ | |
− | { | + | body.dark-theme { |
− | + | border: 5px solid red; /* Ajouter une bordure rouge pour voir si la classe est appliquée */ | |
} | } | ||
− | + | body.dark-theme .content { | |
− | + | border: 3px dashed blue; /* Ajouter une bordure bleue pour les sections de contenu */ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Version actuelle datée du 11 septembre 2024 à 15:23
/* All CSS here will be loaded for users of the Timeless skin */ /* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Timeless */ /*ajout pour le thème sombre*/ /* Styles pour le thème clair (par défaut) */ body { background-color: #ffffff; color: #000000; } /* Styles pour le thème sombre */ body.dark-theme { background-color: #333333; color: #ffffff; } /* Ajustements spécifiques pour le thème Timeless */ body.dark-theme .content { background-color: #444444; /* Exemple de couleur pour les sections de contenu */ } body.dark-theme .header, body.dark-theme .footer { background-color: #222222; /* Exemple de couleur pour les en-têtes et pieds de page */ } /* Débogage pour vérifier si le thème sombre est appliqué */ body.dark-theme { border: 5px solid red; /* Ajouter une bordure rouge pour voir si la classe est appliquée */ } body.dark-theme .content { border: 3px dashed blue; /* Ajouter une bordure bleue pour les sections de contenu */ }