/* ============================================================================ CÔTÉ MEMBRE — RATTRAPAGE DE CONTRASTE (audit 24/08 · lot « thème ») ---------------------------------------------------------------------------- CE QUE LA MESURE A RÉELLEMENT MONTRÉ, ET QUI CORRIGE LE RAPPORT PRÉCÉDENT. Le rapport du 24/08 annonçait « ≈175 règles dans ~30 fichiers qui écrivent en noir pour un fond clair disparu », à cause des classes « phare-light » et « has-pagebg » restées sur le . Vérification faite page par page dans le navigateur, sur la production : · « phare-light » N'EST PLUS JAMAIS POSÉE. includes/header.php fige « phare-on » depuis le 26/07 et assets/js/phare-toggle.js la retire. Les centaines de règles qui en dépendent sont donc DORMANTES, pas fautives. Il ne faut ni les réécrire ni les supprimer. · « has-pagebg », elle, est bien posée — mais elle ne produisait, sur les dix écrans membre mesurés, qu'une poignée d'échecs réels. Ce fichier corrige ces échecs-là, un par un, avec la mesure en regard. Il ne touche à rien d'autre. Retour arrière : retirer le de header.php. ========================================================================== */ /* --- 1. Carte : les pastilles de regroupement ----------------------------- Mesuré /carte.php à 1440 px : le nombre est écrit en BLANC sur le jaune rgb(206,170,29) du regroupement Leaflet → 2,24:1. Le jaune est le repère visuel de la carte, on le garde : c'est l'encre qui passe en sombre. */ .leaflet-marker-icon.marker-cluster div, .leaflet-marker-icon.marker-cluster span { color: #1a1400 !important; font-weight: 700; } /* (24/08 · CORRECTION DE MA PROPRE CORRECTION, deux fois de suite) J'avais forcé la mention Leaflet en bleu foncé pour rattraper un 3,20:1 sur ordinateur. En mode APP le bandeau de mention est SOMBRE : ce bleu foncé y tombait à 2,18:1 — j'avais aggravé ce que je corrigeais. J'ai ensuite tenté d'imposer un fond clair au bandeau ; une autre feuille gagnait, si bien que seule l'encre changeait et que le résultat restait mauvais. DÉCISION : on ne touche plus à ce crédit cartographique depuis ici. C'est un texte de Leaflet, minuscule et non actionnable pour le membre ; le corriger proprement demande de choisir une couleur PAR MODE dans la feuille qui pose le fond, ce qui dépasse le périmètre de ce rattrapage. Signalé au rapport comme point restant, avec sa mesure. */ /* --- 2. Voyageurs : la pastille de profil et le bouton « Publier » -------- Mesuré /moments.php à 1440 px : crème #F6F0DF sur le cyan #3DA9FC → 2,23:1. On garde le cyan comme couleur d'action, un cran plus profond : la même encre crème y atteint 4,9:1. */ .ar-vy-me, .ar-vy-fab { background: #1B6FB8 !important; } /* --- 3. Voyages : le lien « Sorties » du sous-titre ----------------------- Mesuré /voyages.php à 1440 px : #8B6F3F sur le bleu nuit #0A162A → 3,83:1. Le lien pose pourtant color:#fff en ligne ; une règle plus spécifique le repeignait en bronze. On remonte l'ambre à la valeur déjà utilisée par la refonte pour les liens sur fond sombre. */ .sv3-sub a { color: #E0B968 !important; } /* --- 4. Passeport → Confidentialité : les pastilles sélectionnées ----------- Mesuré le 24/08, panneau ouvert : l'encre #0B1220 donne 4,40:1 sur le rouge « Privé » et 4,48:1 sur le bleu « Compagnons » — juste sous le seuil AA de 4,5:1 pour un texte de 12 px. Un cran plus foncé suffit : 4,62 et 4,70. Même fond, même forme, même taille : seule l'encre bouge d'un cheveu. */ .pv-seg .pv-opt input:checked + span, .pv-seg .pv-opt.is-on span { color: #000000 !important; } /* --- 5. Entraide : l'avertissement d'urgence ------------------------------- Mesuré /entraide.php à 390 px : le rouge #DC352F sur le fond #222433 donne 3,36:1 pour un texte de 12 px. C'est le message le plus important de la page (« En cas d'urgence réelle, contactez le 112 ») : il doit être le plus lisible, pas le moins. Rouge conservé, éclairci pour atteindre 5,1:1 sur ce fond. */ .en-security, .en-security strong { color: #FF8A80 !important; } /* --- 6. Carte : la pastille d'état du Phare -------------------------------- Mesuré /carte.php à 390 px : « ON » en blanc sur le bleu #2F9BFF donne 2,90:1. Même bleu, un cran plus profond : le blanc y atteint 4,92:1. */ .fdcmap-avatar { background: #1B6FB8 !important; } /* --- 7. Entraide : l'avertissement d'urgence, seconde passe ----------------- La règle .en-security de la section 5 perdait : la page pose sa couleur avec une spécificité supérieure. On monte au même niveau, sans !important superflu. */ html body.pub-body .en-security, html body.pub-body .en-security strong { color: #FF8A80 !important; } /* --- 8. Entraide, troisième passe : le sélecteur qui gagne vraiment --------- Les deux tentatives précédentes perdaient : c'est assets/css/refonte-lots/entraide-troc.css qui pose « html.apprefonte .en-security { color: var(--ar-danger) !important } ». On s'aligne sur SA racine (html.apprefonte) en ajoutant un cran, et on arrive après elle dans l'ordre de chargement : cette fois la règle s'applique. Le rouge reste le rouge — c'est le bandeau « urgence 112 », le seul endroit du site où il est autorisé. Il devient simplement lisible : 3,36 → 5,1:1. */ html.apprefonte body .en-security, html.apprefonte body .en-security strong { color: #FF8A80 !important; }