Basculer la recherche
Basculer le menu
67
1,9 k
13
5,7 k
Nefald
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

Page de l’interface de MediaWiki
Autres actions
Navigation interactive dans l’historique
← Modification précédente
Hiob (discussion | contributions)
owner
4 144 modifications
Aucun résumé des modifications
Hiob (discussion | contributions)
owner
4 144 modifications
m Harmonisation avec Blog / Forum
 
(2 versions intermédiaires par le même utilisateur non affichées)
Ligne 2 : Ligne 2 :
  * Mediawiki:Citizen.css — Nefald Wiki
  * Mediawiki:Citizen.css — Nefald Wiki
  * Palette centralisée OKLCH + support light/dark/auto
  * 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 {
: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) -- */
/* -- Palette sémantique Nefald (light par défaut) -- */
Ligne 40 : Ligne 51 :
--nefald-neutral-text:  oklch(40% 0.02 230);
--nefald-neutral-text:  oklch(40% 0.02 230);
--nefald-neutral-border: oklch(78% 0.02 230);
--nefald-neutral-border: oklch(78% 0.02 230);
/* Tip (violet) */
--nefald-tip-bg:        oklch(94% 0.06 310);
--nefald-tip-text:      oklch(35% 0.14 310);
--nefald-tip-border:    oklch(55% 0.18 310);
/* Question (cyan) */
--nefald-question-bg:    oklch(94% 0.06 200);
--nefald-question-text:  oklch(35% 0.12 200);
--nefald-question-border: oklch(55% 0.16 200);


/* Accent */
/* Accent */
--nefald-accent:        oklch(53.25% 0.1679 230);
--nefald-accent:        oklch(53.25% 0.1679 230);
--nefald-accent-subtle:  oklch(93% 0.05 230);
--nefald-accent-subtle:  oklch(93% 0.05 230);
/* Recherche dans la page */
--nefald-highlight-bg:            oklch(90% 0.18 85);
--nefald-highlight-text:          oklch(25% 0.08 75);
--nefald-highlight-active-bg:      oklch(78% 0.20 60);
--nefald-highlight-active-text:    oklch(20% 0.10 55);
--nefald-highlight-active-outline: oklch(65% 0.22 55);


/* -- Variables Roadmap (dérivées de la palette) -- */
/* -- Variables Roadmap (dérivées de la palette) -- */
Ligne 69 : Ligne 97 :
/* -- Mode sombre (manuel) -- */
/* -- Mode sombre (manuel) -- */
:root.skin-theme-clientpref-night {
: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-bg:    oklch(28% 0.09 145);
--nefald-success-text:  oklch(82% 0.12 145);
--nefald-success-text:  oklch(82% 0.12 145);
Ligne 88 : Ligne 136 :
--nefald-neutral-text:  oklch(82% 0.02 230);
--nefald-neutral-text:  oklch(82% 0.02 230);
--nefald-neutral-border: oklch(45% 0.02 230);
--nefald-neutral-border: oklch(45% 0.02 230);
--nefald-tip-bg:        oklch(25% 0.07 310);
--nefald-tip-text:      oklch(80% 0.12 310);
--nefald-tip-border:    oklch(50% 0.16 310);
--nefald-question-bg:    oklch(25% 0.06 200);
--nefald-question-text:  oklch(80% 0.11 200);
--nefald-question-border: oklch(50% 0.14 200);


--nefald-accent:        oklch(65% 0.18 230);
--nefald-accent:        oklch(65% 0.18 230);
--nefald-accent-subtle:  oklch(28% 0.07 230);
--nefald-accent-subtle:  oklch(28% 0.07 230);
/* Recherche dans la page */
--nefald-highlight-bg:            oklch(45% 0.18 85);
--nefald-highlight-text:          oklch(95% 0.05 85);
--nefald-highlight-active-bg:      oklch(58% 0.22 60);
--nefald-highlight-active-text:    oklch(98% 0.02 60);
--nefald-highlight-active-outline: oklch(70% 0.22 55);
}
}


Ligne 96 : Ligne 159 :
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
:root.skin-theme-clientpref-os {
: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-bg:    oklch(28% 0.09 145);
--nefald-success-text:  oklch(82% 0.12 145);
--nefald-success-text:  oklch(82% 0.12 145);
Ligne 115 : Ligne 196 :
--nefald-neutral-text:  oklch(82% 0.02 230);
--nefald-neutral-text:  oklch(82% 0.02 230);
--nefald-neutral-border: oklch(45% 0.02 230);
--nefald-neutral-border: oklch(45% 0.02 230);
--nefald-tip-bg:        oklch(25% 0.07 310);
--nefald-tip-text:      oklch(80% 0.12 310);
--nefald-tip-border:    oklch(50% 0.16 310);
--nefald-question-bg:    oklch(25% 0.06 200);
--nefald-question-text:  oklch(80% 0.11 200);
--nefald-question-border: oklch(50% 0.14 200);


--nefald-accent:        oklch(65% 0.18 230);
--nefald-accent:        oklch(65% 0.18 230);
--nefald-accent-subtle:  oklch(28% 0.07 230);
--nefald-accent-subtle:  oklch(28% 0.07 230);
/* Recherche dans la page */
--nefald-highlight-bg:            oklch(45% 0.18 85);
--nefald-highlight-text:          oklch(95% 0.05 85);
--nefald-highlight-active-bg:      oklch(58% 0.22 60);
--nefald-highlight-active-text:    oklch(98% 0.02 60);
--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;
    }
}
}


Ligne 152 : Ligne 277 :
.table-color-warning {
.table-color-warning {
background-color: var(--nefald-warning-bg) !important;
background-color: var(--nefald-warning-bg) !important;
color:            var(--nefald-warning-text) !important; /* corrigé : était --warning-bg */
color:            var(--nefald-warning-text) !important;
border-left: 3px solid var(--nefald-warning-border) !important;
border-left: 3px solid var(--nefald-warning-border) !important;
}
}
Ligne 334 : Ligne 459 :
width: auto;
width: auto;
height: 32px;
height: 32px;
}
/* ============================================================
* 7. MODÈLE:RECHERCHE — Surlignage
* ============================================================ */
.nefald-highlight {
background-color: var(--nefald-highlight-bg);
color: var(--nefald-highlight-text);
border-radius: 2px;
padding: 0 2px;
}
.nefald-highlight--active {
background-color: var(--nefald-highlight-active-bg);
color: var(--nefald-highlight-active-text);
outline: 2px solid var(--nefald-highlight-active-outline);
outline-offset: 1px;
}
}
Récupérée de "https://wiki.nefald.fr/MediaWiki:Citizen.css"
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.