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. */

:root {
  /* Vert Uma Musume (logo officiel, ton prairie) */
  --color-progressive-oklch__h: 123;     /* hue vert tendre */
  --color-progressive-oklch__c: 0.19;    /* chroma plus vif */
  --color-progressive-oklch__l: 0.75;    /* luminosité douce */
  --color-progressive-hsl__h: 123;       /* fallback hsl */

  /* Variables pour boutons/encadrés spéciaux */
  --color-pink: #ffd2e5;    /* rose Uma Musume */
  --color-blue: #91d3f9;    /* bleu ciel Uma Musume */
  --color-yellow: #ffe684;  /* jaune Uma Musume */
}

@media (prefers-color-scheme: light) {
  :root.skin-theme-clientpref-light {
    --color-surface-0: #fff;
    --color-base: #222;
    --color-base--emphasized: #000;
    --color-base--subtle: #555;
    --color-link: #7b60e8; /* violet doux (liens, inspiré du site officiel) */
  }
}

/* Liens clairs et lisibles */
a, a:visited {
  color: #575283 !important;   /* Violet-gris très lisible, identique à l’exemple 2 */
  text-decoration: underline;
}

/* Liens au survol (hover) */
a:hover, a:focus {
  color: #8fd85c !important;   /* Vert Uma Musume au survol */
  text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
  :root.skin-theme-clientpref-dark {
    --color-surface-0: #191a20;   /* Fond sombre */
    --color-base: #fff;           /* Texte blanc */
    --color-base--emphasized: #fff;
    --color-base--subtle: #ccc;
  }

  body {
    background: #191a20 !important;
    color: #fff !important;
  }

  /* Liens en violet clair, survol en vert Uma Musume */
  a, a:visited {
    color: #b6b2d3 !important;
    text-decoration: underline;
  }
  a:hover, a:focus {
    color: #8fd85c !important;
    text-decoration: underline;
  }

  /* Encadrés accueil ou boutons (verts, gardés) */
  .mainpage-box, .fandombox {
    background: #232631;
    border: 2px solid #8fd85c;
    color: #fff;
  }

  .citizen-footer {
    background: #232631 !important;
    color: #fff !important;
  }
}