MediaWiki:Citizen.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */

/* Couleurs de base pour mode clair */
:root {
  --citizen-primary-color: #98ce6f;
  --citizen-secondary-color: #ffd7ef;
  --citizen-accent-color: #91d3f9;
  --citizen-background-color: #f4f4f4;
  --citizen-header-color: #ffe684;
  --citizen-link-color: #0081cb;
}

/* Couleurs pour le mode sombre */
@media (prefers-color-scheme: dark) {
  :root {
    --citizen-primary-color: #244d2c;         /* Vert prairie foncé */
    --citizen-secondary-color: #6b375c;       /* Rose sombre */
    --citizen-accent-color: #1d4559;          /* Bleu sombre */
    --citizen-background-color: #1b1b1f;
    --citizen-header-color: #a0be3f;          /* Jaune-vert adouci */
    --citizen-link-color: #80cfff;
  }
}

/* Appliquer la couleur de fond */
body {
  background: var(--citizen-background-color);
}

/* Exemple : barre header/footer */
.citizen-header, .citizen-navbar, .citizen-footer {
  background: var(--citizen-primary-color) !important;
  color: #222 !important;
}

.citizen-navbar a, .citizen-navbar a:visited {
  color: var(--citizen-link-color) !important;
}