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

← Modification précédente Modification suivante →

Version du 7 juillet 2025 à 21:22

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


:root {
  /* Couleurs Uma Musume pour Citizen */
  --color-progressive-oklch__h: 120;     /* vert */
  --color-progressive-oklch__c: 0.17;
  --color-progressive-oklch__l: 0.7;
  --color-progressive-hsl__h: 120;       /* fallback */

  /* 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 {
  background: var(--color-blue) !important;
  color: #222 !important;
}

.mainpage-box, .fandombox {
  background: var(--color-pink);
  border: 2px solid #8fd85c;
  color: #222;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 1em;
}

@@ Ligne 1 : / Ligne 1 : @@
 /* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
 :root {
-   /* Couleur primaire Verde Uma Musume via OKLCH pour Citizen */
+   /* Couleurs Uma Musume pour Citizen */
-   --color-progressive-oklch__h: 113;    /* hue ton vert */
+   --color-progressive-oklch__h: 120;     /* vert */
-   --color-progressive-oklch__c: 0.17;   /* chroma (vibration) */
+   --color-progressive-oklch__c: 0.17;
-   --color-progressive-oklch__l: 0.6;    /* lightness */
+   --color-progressive-oklch__l: 0.7;
-   /* fallback HSL pour navigateurs plus anciens */
+  --color-progressive-hsl__h: 120;       /* fallback */
-   --color-progressive-hsl__h: 113;
+   /* 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 {
+  background: var(--color-blue) !important;
+  color: #222 !important;
 }
-@media (prefers-color-scheme: light) {
+.mainpage-box, .fandombox {
-   :root.skin-theme-clientpref-light {
+   background: var(--color-pink);
-    /* Optionnel : ajustements surface et texte en mode clair */
+  border: 2px solid #8fd85c;
-    --color-surface-0: #f4f4f4;
+  color: #222;
-    --color-base: #222;
+  border-radius: 10px;
-    --color-base--emphasized: #000;
+  padding: 12px;
-    --color-base--subtle: #555;
+   margin-bottom: 1em;
-   }
 }
-/* Tu peux ajouter un bloc @media pour dark si un jour tu veux l’activer */