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

Navigation interactive dans l’historique

← Modification précédente

@@ Ligne 2 : / Ligne 2 : @@
   * Mediawiki:Citizen.css — Nefald Wiki
   * Palette centralisée OKLCH + support light/dark/auto
+ * Harmonisé avec Ghost Jaeger et Flarum Hyvan
   * ============================================================ */
+/* 1. Typographie & Polices Nefald (Importation Google Fonts) */
+@import url('https://fonts.googleapis.com/css2?family=VT323&family=Oswald:wght@300;400;500;600;700&display=swap');
 /* ============================================================
@@ Ligne 9 : / Ligne 13 : @@
 :root {
-/* -- Couleur progressive Citizen -- */
+/* -- Typographie globale Citizen -- */
---color-progressive-oklch__l: 53.25%;
+--font-family-citizen-base: 'Oswald';
---color-progressive-oklch__c: 0.1679;
+--font-family-citizen-monospace: 'VT323', monospace;
---color-progressive-oklch__h: 230;
+/* -- Angles droits rigides (Esthétique Nefald / Hyvan / Jaeger) -- */
+--border-radius-base: 2px;
+/* -- Couleur progressive Citizen (#5a8db8 en OKLCH pour l'accentuation) -- */
+--color-progressive-oklch__l: 60.15%;
+--color-progressive-oklch__c: 0.134;
+--color-progressive-oklch__h: 246.33;
 /* -- Palette sémantique Nefald (light par défaut) -- */
@@ Ligne 86 : / Ligne 97 : @@
 /* -- Mode sombre (manuel) -- */
 :root.skin-theme-clientpref-night {
+/* Surcharges des surfaces Citizen pour le thème sombre Nefald (Jaeger/Hyvan) */
+--color-surface-0: #0a0c10; /* Fond de page principal (nefald-ink) */
+--color-surface-1: #11161d; /* Cartes, modales et menus déroulants (nefald-ink-2) */
+--color-surface-2: #1a2230; /* Éléments surélevés (nefald-ink-3) */
+--color-surface-3: #1c2532; /* Zones de survol / lignes subtiles (nefald-rule) */
+--color-surface-4: #2a3a4e; /* Éléments actifs / acier (nefald-steel) */
+/* Textes */
+--color-base: #c8d1de;        /* Texte général (nefald-cream) */
+--color-emphasized: #e6ecf3;  /* Titres et en-têtes (nefald-cream-bright) */
+--color-subtle: #7c8694;      /* Légendes et métadonnées (nefald-muted) */
+--color-link: #8eb4d4;        /* Liens (nefald-blue-light) */
+--color-link-hover: #5a8db8;  /* Liens survolés (nefald-blue-bright) */
+/* Frontières */
+--border-color-base: #2a3a4e;
+--border-color-subtle: #1c2532;
+--border-color-interactive: #5a8db8;
+/* Sémantique Nefald */
 --nefald-success-bg:     oklch(28% 0.09 145);
 --nefald-success-text:   oklch(82% 0.12 145);
@@ Ligne 128 : / Ligne 159 : @@
 @media (prefers-color-scheme: dark) {
 :root.skin-theme-clientpref-os {
+/* Surcharges des surfaces Citizen pour le thème sombre Nefald (Jaeger/Hyvan) */
+--color-surface-0: #0a0c10;
+--color-surface-1: #11161d;
+--color-surface-2: #1a2230;
+--color-surface-3: #1c2532;
+--color-surface-4: #2a3a4e;
+--color-base: #c8d1de;
+--color-emphasized: #e6ecf3;
+--color-subtle: #7c8694;
+--color-link: #8eb4d4;
+--color-link-hover: #5a8db8;
+--border-color-base: #2a3a4e;
+--border-color-subtle: #1c2532;
+--border-color-interactive: #5a8db8;
+/* Sémantique Nefald */
 --nefald-success-bg:     oklch(28% 0.09 145);
 --nefald-success-text:   oklch(82% 0.12 145);
@@ Ligne 166 : / Ligne 215 : @@
 --nefald-highlight-active-outline: oklch(70% 0.22 55);
 }
+}
+/* -- Mode Noir Pur (OLED) -- */
+.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 {
+--color-surface-0: #000000;
+--color-surface-1: #0a0c10;
+--color-surface-2: #11161d;
+--color-surface-3: #1a2230;
+--color-surface-4: #2a3a4e;
+}
+/* -- Mode Clair -- */
+.skin-theme-clientpref-day {
+/* Progressive color assombrie en mode clair pour l'accessibilité */
+--color-progressive-oklch__l: 43.15%;
+--color-progressive-oklch__c: 0.114;
+--color-progressive-oklch__h: 246.33;
+}
+/* -- Jaeger background gradient (Effet cinématique du fond) -- */
+.skin-theme-clientpref-night body {
+    background: radial-gradient(ellipse at top, #0e1822 0%, #0a0c10 60%, #0a0c10 100%) !important;
+    background-attachment: fixed !important;
+}
+@media screen and (prefers-color-scheme: dark) {
+    .skin-theme-clientpref-os body {
+        background: radial-gradient(ellipse at top, #0e1822 0%, #0a0c10 60%, #0a0c10 100%) !important;
+        background-attachment: fixed !important;
+    }
 }