/* ============================================================ * SEVEN — Équipier DSI * theme-dark.css — palette du thème SOMBRE * * Palette « bleu dominant » reprise des maquettes de l'Équipier * Bureautique (equipier-bureautique/maquettes/assets/bureautique.css, * §0). Le bleu tient le fond ; le noir n'est plus la base mais un * voile qui monte du bas-droit et se dissout dans le bleu en haut * à gauche (voir --page-bg). * * ⚠ Contrat de nommage (identique au thème clair) : * * --white N'EST PAS « du blanc ». C'est le CANAL DE CONTRASTE : * la couleur utilisée en surimpression faible opacité pour * dessiner traits, séparateurs et surfaces * (rgba(var(--white),.08)). Elle porte ici la TEINTE bleue : * tous les voiles de l'application virent au bleu sans * qu'aucune règle de app-main.css ne soit retouchée. * Sombre → 196,220,255 (voile clair bleuté sur fond sombre) * Clair → 44, 54, 78 (voile sombre sur fond clair) * * --X-light / --cyan2 / --cyan3 / --red2 * Variantes destinées au TEXTE posé sur une pastille teintée * (rgba(var(--X),.10)). Elles doivent donc être PLUS CLAIRES * que le fond en thème sombre, et PLUS SOMBRES en thème clair. * * --chart-1..8 * Palette catégorielle des graphiques (ECharts). Elle vise la * DISTINCTION entre séries, pas le contraste typographique. * * Jetons de COULEUR : triplet « R,G,B », consommé rgba(var(--ink),1). * L'alpha est obligatoire, même à 1. * Jetons de SURFACE : valeur COMPLÈTE, consommée nue * et de TRAIT (border: 1px solid var(--stroke)). * Écrire rgba(var(--stroke),1) produit une * bordure fantôme — bogue déjà rencontré sur le * thème clair des équipiers. * * Cette feuille est chargée EN DERNIER (cf. _hpdsi.php) : à * spécificité égale elle gagne. * ============================================================ */ :root{ color-scheme: dark; /* ── Canal de contraste (voir en-tête) ─────────────────────── */ --white:196,220,255; /* ── Fonds ─────────────────────────────────────────────────── */ --bg:22,44,84; --bg2:28,53,97; --panel:31,58,105; /* ── Texte ─────────────────────────────────────────────────── */ --ink:228,236,250; --muted:158,174,203; --muted2:118,136,170; /* ── Accents ───────────────────────────────────────────────── */ --red:240,86,78; --red-light:255,186,180; --red2:255,118,110; --green:44,224,172; --green-light:126,255,205; --green-ultra-light:200,255,236; --yellow:255,206,112; --yellow-light:255,232,186; --cyan:88,214,246; --cyan2:126,234,255; --cyan3:226,248,255; /* ── Palette catégorielle des graphiques ───────────────────── */ /* 1..4 alignées sur les accents ci-dessus ; 5..8 complètent le tour de roue pour rester distinguables sur fond bleu. */ --chart-1: 88,214,246; /* cyan */ --chart-2: 240,86,78; /* rouge */ --chart-3: 44,224,172; /* vert */ --chart-4: 255,206,112; /* ambre */ --chart-5: 172,146,250; /* violet */ --chart-6: 255,150,72; /* orange */ --chart-7: 76,216,200; /* teal */ --chart-8: 255,124,172; /* rose */ /* ── Cartes / surfaces ─────────────────────────────────────── */ /* Voiles bleutés : plus saturés que --white pour se détacher du fond marine sans virer au gris. */ --card: rgba(150,190,255,.055); --surface: rgba(150,190,255,.07); --surface2: rgba(150,190,255,.10); /* ── Traits ────────────────────────────────────────────────── */ /* --X : couleur composée, pour border: 1px solid var(--stroke) --X-a : son alpha seul, pour les variantes atténuées rgba(var(--white), calc(var(--stroke-a) * .4)) */ --stroke: rgba(150,190,255,.14); --stroke2: rgba(150,190,255,.22); --stroke-a: .14; --stroke2-a: .22; --surface-a: .07; --surface2-a: .10; /* ── Ombres ────────────────────────────────────────────────── */ /* Portées franchement sombres : sur fond bleu, un halo clair (l'ancien 0 2px 5px rgba(255,255,255,.45)) aplatissait les cartes. */ --shadow: 0 18px 48px rgba(4,8,18,.55); --shadow2: 0 12px 24px rgba(4,8,18,.42); /* ── Halo de l'icône d'équipier ────────────────────────────── */ /* L'icône est affichée nue (cf. `.brand .logo` dans app-main.css) : ce halo, appliqué en filter: drop-shadow(), épouse sa silhouette au lieu de redessiner un cadre. Une lueur cyan pour le décoller du bleu, une portée sombre pour l'asseoir. */ --logo-halo: drop-shadow(0 6px 16px rgba(var(--cyan),.32)) drop-shadow(0 2px 5px rgba(4,8,18,.55)); /* ── Fond de page ──────────────────────────────────────────── */ /* Quatre couches, de la plus proche à la plus lointaine : 1. la lueur bleue du coin haut-gauche, d'où part le dégradé ; 2. le rappel rouge SEVEN, réduit à un murmure ; 3. le voile noir, nul en haut à gauche et presque opaque en bas à droite — c'est lui qui se dissout dans le bleu ; 4. le bleu, seule couleur de base : il tient la majorité de la surface. */ --page-bg: radial-gradient(1200px 820px at 5% 0%, rgba(102,176,255,.30), transparent 62%), radial-gradient(820px 520px at 90% 10%, rgba(255,90,80,.05), transparent 58%), linear-gradient(128deg, rgba(3,7,16,0) 0%, rgba(3,7,16,.10) 30%, rgba(3,7,16,.42) 62%, rgba(3,7,16,.86) 100%), linear-gradient(180deg, rgba(22,44,84,1) 0%, rgba(18,37,72,1) 100%); /* Fonds solides des contrôles natifs (voir plus bas) */ --native-bg:#132548; --native-ink:#e4ecfa; } /* Fond global sombre — la page défile, le dégradé reste fixe. */ body{ background: var(--page-bg); background-attachment: fixed; color: rgba(var(--ink),1); } /* ── Select options : fond solide pour éviter blanc sur blanc ── Les