« MediaWiki:Citizen.css » : différence entre les versions

← Modification précédente Modification suivante →

Version du 7 juillet 2025 à 21:23

/* 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) */
  }
}

@@ Ligne 1 : / Ligne 1 : @@
 /* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
 :root {
-   /* Couleurs Uma Musume pour Citizen */
+   /* Vert Uma Musume (logo officiel, ton prairie) */
-   --color-progressive-oklch__h: 120;     /* vert */
+   --color-progressive-oklch__h: 123;     /* hue vert tendre */
-   --color-progressive-oklch__c: 0.17;
+   --color-progressive-oklch__c: 0.19;    /* chroma plus vif */
-   --color-progressive-oklch__l: 0.7;
+   --color-progressive-oklch__l: 0.75;    /* luminosité douce */
-   --color-progressive-hsl__h: 120;       /* fallback */
+   --color-progressive-hsl__h: 123;       /* fallback hsl */
-  /* Couleurs de fond et textes */
-  --color-surface-0: #fff;
-  --color-base: #222;
-  --color-base--emphasized: #000;
-  --color-base--subtle: #555;
-  /* Pour encadrés ou boutons spéciaux */
-  --color-pink: #ffd2e5;
-  --color-blue: #91d3f9;
-  --color-yellow: #ffe684;
-}
-.citizen-footer {
+  /* Variables pour boutons/encadrés spéciaux */
-   background: var(--color-blue) !important;
+  --color-pink: #ffd2e5;    /* rose Uma Musume */
-   color: #222 !important;
+   --color-blue: #91d3f9;    /* bleu ciel Uma Musume */
+   --color-yellow: #ffe684;  /* jaune Uma Musume */
 }
-.mainpage-box, .fandombox {
+@media (prefers-color-scheme: light) {
-   background: var(--color-pink);
+   :root.skin-theme-clientpref-light {
-  border: 2px solid #8fd85c;
+    --color-surface-0: #fff;
-  color: #222;
+    --color-base: #222;
-  border-radius: 10px;
+    --color-base--emphasized: #000;
-  padding: 12px;
+    --color-base--subtle: #555;
-  margin-bottom: 1em;
+    --color-link: #7b60e8; /* violet doux (liens, inspiré du site officiel) */
+  }
 }