From 63833abbc75d1e57ca0b5ca0b8c17b8b4603dd5f Mon Sep 17 00:00:00 2001 From: Cedric Date: Tue, 12 May 2026 17:41:22 +0200 Subject: [PATCH] test --- dark-mode.css | 6 ----- modules/home/home.css | 51 ++++--------------------------------------- 2 files changed, 4 insertions(+), 53 deletions(-) diff --git a/dark-mode.css b/dark-mode.css index f0160eb..2a2fdc4 100644 --- a/dark-mode.css +++ b/dark-mode.css @@ -4,12 +4,6 @@ ════════════════════════════════════════════════════════════════════ */ /* ─── HOME PAGE ─────────────────────────────────────────────────────────────── */ -/* Le header home.css a plus de spécificité que global.css → on le force ici */ -[data-theme="dark"] body[data-page="home"] .pf-header { - background: rgba(13,17,23,.92) !important; - border-color: rgba(48,54,61,.6) !important; - backdrop-filter: blur(8px) !important; -} [data-theme="dark"] body[data-page="home"] .pf-module-card { background: rgba(22,27,34,.92) !important; border: 1px solid var(--border-light) !important; diff --git a/modules/home/home.css b/modules/home/home.css index d4c3f05..92a0d35 100644 --- a/modules/home/home.css +++ b/modules/home/home.css @@ -22,47 +22,9 @@ body[data-page="home"]::before { z-index: -1; /* Derrière le contenu */ } -/* === 2. HEADER SPÉCIFIQUE (Translucide) === */ -body[data-page="home"] .pf-header { - background: rgba(36, 59, 83, 0.85); /* Ton ancien bleu sombre */ - backdrop-filter: blur(8px); /* Effet verre dépoli */ - border-bottom: 1px solid rgba(255, 255, 255, 0.1); - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); -} +/* Header : identique au reste du site (global.css + dark-mode) */ -/* Adaptation des couleurs des liens du header sur fond sombre */ -body[data-page="home"] .pf-logo { - color: var(--text-on-primary); -} -body[data-page="home"] .pf-burger-btn { - color: var(--text-on-primary); -} - -body[data-page="home"] .pf-nav-link { - color: rgba(255, 255, 255, 0.8); -} -body[data-page="home"] .pf-nav-link:hover { - background: rgba(255, 255, 255, 0.2); - color: var(--text-on-primary); -} -body[data-page="home"] .pf-nav-link--active { - background: rgba(255, 255, 255, 0.9); - color: #243b53; /* Texte foncé sur fond blanc */ -} - -/* Badge utilisateur */ -body[data-page="home"] .pf-user-badge { - color: rgba(255, 255, 255, 0.9); -} -body[data-page="home"] .pf-logout-btn { - color: var(--text-danger-soft); -} /* Rouge clair */ -body[data-page="home"] .pf-logout-btn:hover { - background: rgba(255, 255, 255, 0.1); - border-color: var(--text-danger-soft); -} - -/* === 3. HERO SECTION (Message de Bienvenue) === */ +/* === 2. HERO SECTION (Message de Bienvenue) === */ .pf-hero { margin-top: 40px; margin-bottom: 60px; @@ -83,7 +45,7 @@ body[data-page="home"] .pf-logout-btn:hover { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } -/* === 4. GRILLE DES MODULES === */ +/* === 3. GRILLE DES MODULES === */ /* Titre de section "Modules" */ body[data-page="home"] .pf-modules-grid { @@ -113,7 +75,7 @@ body[data-page="home"] .pf-modules-grid { color: var(--text-muted); } -/* === 5. MOBILE RESPONSIVE === */ +/* === 4. MOBILE RESPONSIVE === */ @media (max-width: 768px) { body[data-page="home"] { /* Image spécifique mobile */ @@ -131,9 +93,4 @@ body[data-page="home"] .pf-modules-grid { .pf-hero h1 { font-size: clamp(1.8rem, 6vw, 2.5rem); /* Typographie fluide */ } - - /* Ajustement header mobile */ - body[data-page="home"] .pf-header { - padding: 0 16px; - } }