/* * Thème sombre/clair - Inkwell * L'attribut data-theme="sombre" sur déclenche les surcharges ci-dessous */ /* * Bouton de bascule soleil/lune */ .bouton-theme { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--couleur-anthracite); font-size:1.05rem; flex-shrink:0; transition:background-color 0.15s ease; } .bouton-theme--mobile { display:none; } .bouton-theme:hover { background-color:rgba(38, 53, 60, 0.06); } .bouton-theme .fa-sun { display:none; } [data-theme="sombre"] .bouton-theme .fa-sun { display:block; } [data-theme="sombre"] .bouton-theme .fa-moon { display:none; } /* * Variante utilisée dans le menu mobile */ .menu-mobile__theme { display:flex; align-items:center; justify-content:space-between; padding:14px 4px; } .menu-mobile__theme span { display:flex; align-items:center; gap:10px; font-weight:600; font-size:1rem; color:var(--couleur-anthracite); } .menu-mobile__theme span i { color:var(--couleur-corail); width:18px; } /* * Base du thème sombre */ [data-theme="sombre"] body { background-color:#171b1e; color:#f0ebe6; } [data-theme="sombre"] .entete { background-color:#171b1e; border-bottom-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .entete__logo-image, [data-theme="sombre"] .menu-mobile__logo { filter:brightness(0) invert(1); } [data-theme="sombre"] .menu-deroulant__bouton, [data-theme="sombre"] .lien-discret, [data-theme="sombre"] .entete__burger, [data-theme="sombre"] .bouton-burger__ligne, [data-theme="sombre"] .bouton-theme, [data-theme="sombre"] .menu-mobile__theme span, [data-theme="sombre"] .menu-mobile__lien, [data-theme="sombre"] .menu-mobile__retour { color:#f0ebe6; } [data-theme="sombre"] .bouton-burger__ligne { background-color:#f0ebe6; } [data-theme="sombre"] .entete__recherche, [data-theme="sombre"] .menu-mobile__recherche { background-color:#232a2f; border-color:rgba(255, 255, 255, 0.1); color:rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .entete__recherche input, [data-theme="sombre"] .menu-mobile__recherche input { color:#f0ebe6; } /* * Menu déroulant desktop */ [data-theme="sombre"] .menu-deroulant__contenu { background-color:#232a2f; box-shadow:0 4px 16px rgba(0, 0, 0, 0.4); } [data-theme="sombre"] .menu-deroulant__contenu a { color:#f0ebe6; } [data-theme="sombre"] .menu-deroulant__contenu a:hover { background-color:rgba(255, 255, 255, 0.05); } /* * Menu mobile */ [data-theme="sombre"] .menu-mobile { background-color:#1c2126; } [data-theme="sombre"] .menu-mobile__vue { background-color:#1c2126; } [data-theme="sombre"] .menu-mobile__liens, [data-theme="sombre"] .menu-mobile__retour { border-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .menu-mobile__lien:hover, [data-theme="sombre"] .menu-mobile__sous-liens a:hover { background-color:rgba(255, 103, 106, 0.1); } [data-theme="sombre"] .menu-mobile__sous-liens a { color:#f0ebe6; } /* * Boutons */ [data-theme="sombre"] .bouton--anthracite { background-color:#f0ebe6; color:#171b1e; } [data-theme="sombre"] .bouton--contour-anthracite { color:#f0ebe6; border-color:rgba(255, 255, 255, 0.25); } [data-theme="sombre"] .bouton--contour-anthracite:hover { border-color:#f0ebe6; background-color:rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .bouton--contour { color:var(--couleur-corail); } [data-theme="sombre"] .bouton--contour:hover { color:#FFFFFF; } /* * Hero */ [data-theme="sombre"] .hero__titre, [data-theme="sombre"] .hero__statistiques strong { color:#f0ebe6; } [data-theme="sombre"] .hero__texte { color:rgba(240, 235, 230, 0.7); } [data-theme="sombre"] .hero__statistiques span { color:rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .hero__separateur { border-top-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .hero__titre-exergue { background-color:rgba(255, 103, 106, 0.15); color:#f0ebe6; } /* * Sections */ [data-theme="sombre"] .section--sombre { background-color:#0f1214; } [data-theme="sombre"] .section--beige { background-color:#171b1e; } /* * Cartes histoires */ [data-theme="sombre"] .carte-histoire { background-color:#232a2f; box-shadow:0 4px 16px rgba(0, 0, 0, 0.35); } [data-theme="sombre"] .carte-histoire__contenu h3 { color:#f0ebe6; } [data-theme="sombre"] .carte-histoire__contenu p { color:rgba(240, 235, 230, 0.65); } [data-theme="sombre"] .separateur-genre { color:rgba(240, 235, 230, 0.25); } /* * CTA communauté */ [data-theme="sombre"] .cta-communaute__titre { color:#f0ebe6; } [data-theme="sombre"] .cta-communaute__icone, [data-theme="sombre"] .cta-communaute .menu-mobile__logo { filter:brightness(0) invert(1); } [data-theme="sombre"] .cta-communaute__texte { color:rgba(240, 235, 230, 0.6); } /* * Pied de page */ [data-theme="sombre"] .pied-de-page { background-color:#0f1214; } [data-theme="sombre"] .pied-de-page__newsletter-champ input { background-color:rgba(255, 255, 255, 0.06); } /* * Notifications */ [data-theme="sombre"] .notification { background-color:#232a2f; color:#f0ebe6; box-shadow:0 8px 24px rgba(0, 0, 0, 0.4); } [data-theme="sombre"] .notification__message { color:rgba(240, 235, 230, 0.7); } [data-theme="sombre"] .notification__fermer { color:rgba(240, 235, 230, 0.4); } [data-theme="sombre"] .notification__fermer:hover { background-color:rgba(255, 255, 255, 0.08); color:#f0ebe6; } [data-theme="sombre"] .notification__barre-progression { background-color:rgba(255, 255, 255, 0.08); } /* * Datepicker */ [data-theme="sombre"] .datepicker-champ input, [data-theme="sombre"] .datepicker-panneau { background-color:#232a2f; color:#f0ebe6; border-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .datepicker-entete__titre, [data-theme="sombre"] .datepicker-jour, [data-theme="sombre"] .datepicker-entete__bouton, [data-theme="sombre"] .datepicker-pied__bouton { color:#f0ebe6; } [data-theme="sombre"] .datepicker-jour:hover, [data-theme="sombre"] .datepicker-entete__bouton:hover, [data-theme="sombre"] .datepicker-pied__bouton:hover { background-color:rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .datepicker-jour--hors-mois { color:rgba(240, 235, 230, 0.25); } [data-theme="sombre"] .datepicker-pied { border-top-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .datepicker-heure { border-top-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .datepicker-heure select { background-color:rgba(255, 255, 255, 0.06); border-color:rgba(255, 255, 255, 0.1); color:#f0ebe6; } /* * Select */ [data-theme="sombre"] .select-inkwell__declencheur, [data-theme="sombre"] .select-inkwell__panneau { background-color:#232a2f; color:#f0ebe6; border-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .select-inkwell__option { color:#f0ebe6; } [data-theme="sombre"] .select-inkwell__option:hover, [data-theme="sombre"] .select-inkwell__option--surlignee { background-color:rgba(255, 255, 255, 0.06); } /* * Checkbox / radio */ [data-theme="sombre"] .case-inkwell { color:#f0ebe6; } [data-theme="sombre"] .case-inkwell__visuel { background-color:#232a2f; border-color:rgba(255, 255, 255, 0.2); } [data-theme="sombre"] .case-inkwell--carte { border-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .interrupteur__piste { background-color:rgba(255, 255, 255, 0.15); } /* * Modale */ [data-theme="sombre"] .modale { background-color:#232a2f; } [data-theme="sombre"] .modale__titre { color:#f0ebe6; } [data-theme="sombre"] .modale__corps { color:rgba(240, 235, 230, 0.75); } [data-theme="sombre"] .modale__fermer { color:rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .modale__fermer:hover { background-color:rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .modale__pied { border-top-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .interrupteur-ligne { border-bottom-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .interrupteur-ligne__titre { color:#f0ebe6; } [data-theme="sombre"] .interrupteur-ligne__description { color:rgba(240, 235, 230, 0.55); } /* * Bandeau cookies */ [data-theme="sombre"] .bandeau-cookies { background-color:#232a2f; box-shadow:0 -8px 32px rgba(0, 0, 0, 0.4); } [data-theme="sombre"] .bandeau-cookies__titre { color:#f0ebe6; } [data-theme="sombre"] .bandeau-cookies__texte { color:rgba(240, 235, 230, 0.7); } /* * Overlay maintenance */ [data-theme="sombre"] .overlay-maintenance { background-color:#171b1e; } [data-theme="sombre"] .overlay-maintenance__carte { background-color:#232a2f; } [data-theme="sombre"] .overlay-maintenance__titre { color:#f0ebe6; } [data-theme="sombre"] .overlay-maintenance__message { color:rgba(240, 235, 230, 0.7); } [data-theme="sombre"] .overlay-maintenance__separateur { border-top-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .overlay-maintenance__label-code { color:rgba(240, 235, 230, 0.55); } [data-theme="sombre"] .code-otp input { background-color:rgba(255, 255, 255, 0.05); border-color:rgba(255, 255, 255, 0.15); color:#f0ebe6; } /* * Pages légales */ [data-theme="sombre"] .page-legale-fil-ariane a { color:rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .page-legale-fil-ariane span { color:#f0ebe6; } [data-theme="sombre"] .page-legale-contenu-zone h1, [data-theme="sombre"] .page-legale__contenu h2 { color:#f0ebe6; } [data-theme="sombre"] .page-legale-sous-titre, [data-theme="sombre"] .page-legale__contenu p, [data-theme="sombre"] .page-legale__contenu ul, [data-theme="sombre"] .page-legale__contenu ol { color:rgba(240, 235, 230, 0.75); border-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .page-legale-barre-laterale__label, [data-theme="sombre"] .page-legale-sommaire a { color:rgba(240, 235, 230, 0.55); } [data-theme="sombre"] .page-legale-sommaire a:hover { color:#f0ebe6; } [data-theme="sombre"] .page-legale-sommaire { border-left-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .page-legale-maj { color:rgba(240, 235, 230, 0.5); border-top-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .page-legale-sommaire-mobile__bouton, [data-theme="sombre"] .page-legale-sommaire-mobile__contenu { background-color:#232a2f; border-color:rgba(255, 255, 255, 0.1); color:#f0ebe6; } [data-theme="sombre"] .page-legale-encart { background-color:rgba(255, 103, 106, 0.08); } /* * Pages d'erreur */ [data-theme="sombre"] .page-erreur__icone { background-color:rgba(255, 103, 106, 0.15); } [data-theme="sombre"] .page-erreur__titre { color:#f0ebe6; } [data-theme="sombre"] .page-erreur__texte { color:rgba(240, 235, 230, 0.65); } [data-theme="sombre"] .page-erreur__recherche { background-color:#232a2f; border-color:rgba(255, 255, 255, 0.12); color:rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .page-erreur__recherche input { color:#f0ebe6; } [data-theme="sombre"] .page-erreur__liens-utiles { border-top-color:rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .page-erreur__liens-utiles a { color:rgba(240, 235, 230, 0.6); } /* * Scrollbar */ [data-theme="sombre"] html { scrollbar-color:var(--couleur-corail) #171b1e; } [data-theme="sombre"] ::-webkit-scrollbar-track { background:#171b1e; } [data-theme="sombre"] ::-webkit-scrollbar-thumb { border-color:#171b1e; } [data-theme="sombre"] .selecteur-langue__bouton { color: #f0ebe6; } [data-theme="sombre"] .selecteur-langue__panneau { background-color: #232a2f; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); } [data-theme="sombre"] .selecteur-langue__option { color: #f0ebe6; } [data-theme="sombre"] .selecteur-langue__option:hover, [data-theme="sombre"] .menu-mobile__langue-liste a:hover { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .menu-mobile__langue-liste a { color: #f0ebe6; } [data-theme="sombre"] .menu-mobile__fermer { color:#F0EBE6; } [data-theme="sombre"] .menu-mobile__fermer:hover { background-color:rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .menu-mobile__lien-langue-actuelle { color:rgba(240, 235, 230, 0.4); } [data-theme="sombre"] .page-legale-sommaire-mobile__contenu a { color:rgba(240, 235, 230, 0.7); border-bottom-color:rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .page-legale-sommaire-mobile__contenu a:hover { color:#F0EBE6; } /* * Inscription & Connexion */ [data-theme="sombre"] .section-compte__titre { color: #f0ebe6; } [data-theme="sombre"] .section-compte__sous-titre, [data-theme="sombre"] .champ-groupe__aide, [data-theme="sombre"] .carte-compte__pied { color: rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .carte-compte { background-color: #232a2f; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35); } [data-theme="sombre"] .formulaire-compte__groupe-titre { color: rgba(240, 235, 230, 0.45); } [data-theme="sombre"] .formulaire-compte__groupe-titre::after { background-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .champ-groupe label { color: #f0ebe6; } [data-theme="sombre"] .champ-groupe input { background-color: #1c2126; border-color: rgba(255, 255, 255, 0.1); color: #f0ebe6; } [data-theme="sombre"] .champ-avec-icone i, [data-theme="sombre"] .champ-mot-de-passe i.fa-lock, [data-theme="sombre"] .champ-mot-de-passe__bascule { color: rgba(240, 235, 230, 0.4); } /* * Datepicker */ [data-theme="sombre"] .datepicker-vue-annee__valeur, [data-theme="sombre"] .datepicker-mois-item { color: #f0ebe6; } [data-theme="sombre"] .datepicker-entete__titre:hover, [data-theme="sombre"] .datepicker-mois-item:hover { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .force-mot-de-passe__barre span { background-color: rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .exigences-mdp { background-color: #1c2126; } [data-theme="sombre"] .exigence-mdp { color: rgba(240, 235, 230, 0.45); } [data-theme="sombre"] .exigence-mdp--validee { color: #f0ebe6; } [data-theme="sombre"] .exigence-mdp__icone { background-color: rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .conseils-mdp { background-color: rgba(43, 119, 255, 0.1); border-color: rgba(43, 119, 255, 0.2); } [data-theme="sombre"] .conseils-mdp__liste li { color: rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .datepicker-vue-annee__valeur, [data-theme="sombre"] .datepicker-annee-item { color: #f0ebe6; } [data-theme="sombre"] .datepicker-vue-annee__valeur:hover, [data-theme="sombre"] .datepicker-annee-item:hover { background-color: rgba(255, 255, 255, 0.06); } /* Correction contraste : les initiales des jours (LU, MA, ME...) étaient quasi invisibles en mode sombre, jamais surchargées jusqu'ici */ [data-theme="sombre"] .datepicker-jours-semaine span { color: rgba(240, 235, 230, 0.4); } [data-theme="sombre"] .etat-action__titre { color: #f0ebe6; } [data-theme="sombre"] .etat-action__message { color: rgba(240, 235, 230, 0.7); } [data-theme="sombre"] .etat-action__icone--succes { background-color: var(--couleur-vert-emeraude); } [data-theme="sombre"] .etat-action__icone--erreur { background-color: var(--couleur-rouge-vif); } [data-theme="sombre"] .etat-action__icone--chargement { background-color: var(--couleur-bleu-vif); } /* Message accueil */ [data-theme="sombre"] .message-accueil { background-color:#232a2f; } [data-theme="sombre"] .message-accueil__texte { color:#f0ebe6; } /* Citations */ [data-theme="sombre"] .citation-profil__texte { color:rgba(240, 235, 230, 0.65); } [data-theme="sombre"] .citation-profil__icone { color:rgba(255, 103, 106, 0.25); } /* Notre histoire */ [data-theme="sombre"] .histoire-titre, [data-theme="sombre"] .histoire-soustitre, [data-theme="sombre"] .histoire-frise__titre, [data-theme="sombre"] .histoire-mission__carte h3, [data-theme="sombre"] .histoire-citation__texte { color: #f0ebe6; } [data-theme="sombre"] .histoire-recit p, [data-theme="sombre"] .histoire-frise__texte, [data-theme="sombre"] .histoire-mission__carte p { color: rgba(240, 235, 230, 0.7); } [data-theme="sombre"] .histoire-mission__carte { background-color: #232a2f; } [data-theme="sombre"] .histoire-citation { background-color: rgba(255, 103, 106, 0.08); } [data-theme="sombre"] .histoire-frise { border-left-color: rgba(255, 103, 106, 0.2); } [data-theme="sombre"] .histoire-frise__etape::before { border-color: #171b1e; } /* Espace Client */ [data-theme="sombre"] .menu-utilisateur__bouton:hover { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .menu-utilisateur__prenom { color: #f0ebe6; } [data-theme="sombre"] .menu-utilisateur__panneau { background-color: #232a2f; } [data-theme="sombre"] .menu-utilisateur__lien { color: #f0ebe6; } [data-theme="sombre"] .menu-utilisateur__lien:hover { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .menu-utilisateur__separateur { background-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .menu-mobile__utilisateur { border-bottom-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .menu-mobile__utilisateur-nom { color: #f0ebe6; } [data-theme="sombre"] .carte-action { background-color: #232a2f; } [data-theme="sombre"] .carte-action h2 { color: #f0ebe6; } [data-theme="sombre"] .carte-action p { color: rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .carte-action--secondaire { background-color: #1c2126; border-color: rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .tdb-stat, [data-theme="sombre"] .tdb-carte { background-color: #232a2f; } [data-theme="sombre"] .tdb-stat__valeur, [data-theme="sombre"] .tdb-carte__titre, [data-theme="sombre"] .tdb-etat-vide__titre, [data-theme="sombre"] .tdb-profil__nom, [data-theme="sombre"] .tdb-action-rapide { color: #f0ebe6; } [data-theme="sombre"] .tdb-stat__label, [data-theme="sombre"] .tdb-etat-vide__texte, [data-theme="sombre"] .tdb-profil__role, [data-theme="sombre"] .tdb-profil__membre-depuis { color: rgba(240, 235, 230, 0.55); } [data-theme="sombre"] .tdb-etat-vide__icone { background-color: #1c2126; color: rgba(240, 235, 230, 0.3); } [data-theme="sombre"] .tdb-profil { border-bottom-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .tdb-action-rapide:hover { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .tdb-banniere { background: linear-gradient(135deg, #0f1214 0%, #171b1e 100%); } [data-theme="sombre"] .tdb-completion__label, [data-theme="sombre"] .tdb-completion__item--fait { color: #f0ebe6; } [data-theme="sombre"] .tdb-completion__barre { background-color: #1c2126; } [data-theme="sombre"] .tdb-completion__item { color: rgba(240, 235, 230, 0.45); } [data-theme="sombre"] .tdb-skeleton { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .tdb-banniere__avatar.tdb-skeleton, [data-theme="sombre"] .tdb-profil__avatar.tdb-skeleton, [data-theme="sombre"] [data-avatar-initiale].tdb-skeleton { background-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="sombre"] .tdb-profil__derniere-connexion { color: rgba(240, 235, 230, 0.45); } /* Espace Client - Paramètres */ [data-theme="sombre"] .param-section { background-color: #232a2f; } [data-theme="sombre"] .param-section__titre, [data-theme="sombre"] .param-otp-texte h3 { color: #f0ebe6; } [data-theme="sombre"] .param-section__sous-titre, [data-theme="sombre"] .param-avatar-aide, [data-theme="sombre"] .param-compteur, [data-theme="sombre"] .param-otp-texte p { color: rgba(240, 235, 230, 0.55); } /* Navigation latérale des paramètres — état par état, complet */ [data-theme="sombre"] .param-nav__lien { color: rgba(240, 235, 230, 0.5); background-color: transparent; } [data-theme="sombre"] .param-nav__lien:hover { background-color: #232a2f; color: #f0ebe6; } [data-theme="sombre"] .param-nav__lien--actif { background-color: #232a2f; color: var(--couleur-corail); box-shadow: none; } [data-theme="sombre"] .param-appareil { border-bottom-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .param-appareil__icone { background-color: #1c2126; } [data-theme="sombre"] .param-appareil__nom { color: #f0ebe6; } [data-theme="sombre"] .param-appareil__meta { color: rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .param-champ-lecture-seule { background-color: #1c2126; color: rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .param-note-verrouillage { color: rgba(240, 235, 230, 0.45); } [data-theme="sombre"] textarea.param-textarea { background-color: #1c2126; border-color: rgba(255, 255, 255, 0.1); color: #f0ebe6; } [data-theme="sombre"] .param-historique-ligne { border-bottom-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .param-historique-appareil { color: #f0ebe6; } [data-theme="sombre"] .param-historique-meta { color: rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .theme-choix { color: #f0ebe6; border-color: rgba(255, 255, 255, 0.1); } [data-theme="sombre"] .theme-choix--actif { border-color: var(--couleur-corail); } [data-theme="sombre"] .tdb-securite__cercle-fond { stroke: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .tdb-securite__pourcentage, [data-theme="sombre"] .tdb-securite__item--ok { color: #f0ebe6; } [data-theme="sombre"] .tdb-securite__item { color: rgba(240, 235, 230, 0.5); } /* Notifications */ [data-theme="sombre"] .notif-cloche__bouton { color:#f0ebe6; } [data-theme="sombre"] .notif-cloche__bouton:hover { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .notif-cloche__badge { border-color: #171b1e; } [data-theme="sombre"] .notif-cloche__panneau { background-color: #232a2f; } [data-theme="sombre"] .notif-panneau__entete { border-bottom-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .notif-panneau__titre { color: #f0ebe6; } [data-theme="sombre"] .notif-item { border-bottom-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .notif-item--non-lue { background-color: rgba(255, 103, 106, 0.06); } [data-theme="sombre"] .notif-item__icone { background-color: #1c2126; } [data-theme="sombre"] .notif-item__titre { color: #f0ebe6; } [data-theme="sombre"] .notif-item__message { color: rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .notif-item__date { color: rgba(240, 235, 230, 0.4); } [data-theme="sombre"] .notif-panneau__vide { color: rgba(240, 235, 230, 0.4); } /* Partage */ [data-theme="sombre"] .partage-carte { background-color: #232a2f; } [data-theme="sombre"] .partage-titre { color: #f0ebe6; } [data-theme="sombre"] .partage-sous-titre { color: rgba(240, 235, 230, 0.55); } [data-theme="sombre"] .partage-champ label { color: var(--couleur-corail); } [data-theme="sombre"] .partage-champ__valeur { background-color: #1c2126; color: #f0ebe6; } [data-theme="sombre"] .partage-notice { background-color: rgba(43, 119, 255, 0.1); color: rgba(240, 235, 230, 0.65); } [data-theme="sombre"] .partage-carte--vide .partage-icone { background-color: rgba(255, 255, 255, 0.06); color: rgba(240, 235, 230, 0.3); } /* --- Contact --- */ [data-theme="sombre"] .contact-type { background-color: #232a2f; } [data-theme="sombre"] .contact-type__label { color: #f0ebe6; } [data-theme="sombre"] .contact-carte { background-color: #232a2f; } [data-theme="sombre"] .contact-depot-fichiers { border-color: rgba(255, 255, 255, 0.12); } [data-theme="sombre"] .contact-depot-fichiers i, [data-theme="sombre"] .contact-depot-fichiers span { color: rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .contact-depot-fichiers:hover, [data-theme="sombre"] .contact-depot-fichiers--survol { background-color: rgba(255, 103, 106, 0.08); } [data-theme="sombre"] .contact-fichier-item { background-color: #1c2126; color: #f0ebe6; } [data-theme="sombre"] .contact-compteur { color: rgba(240, 235, 230, 0.4); } /* --- Mes demandes : liste --- */ [data-theme="sombre"] .demande-carte, [data-theme="sombre"] .demandes-vide, [data-theme="sombre"] .detail-carte { background-color: #232a2f; } [data-theme="sombre"] .demande-carte__icone, [data-theme="sombre"] .detail-entete__icone { background-color: #1c2126; } [data-theme="sombre"] .demande-carte__sujet, [data-theme="sombre"] .detail-entete__sujet { color: #f0ebe6; } [data-theme="sombre"] .demande-carte__meta, [data-theme="sombre"] .detail-entete__reference, [data-theme="sombre"] .fil-jour-separateur, [data-theme="sombre"] .demandes-vide p { color: rgba(240, 235, 230, 0.5); } [data-theme="sombre"] .demandes-vide i { color: rgba(255, 255, 255, 0.15); } /* --- Mes demandes : détail / fil de discussion --- */ [data-theme="sombre"] .detail-entete, [data-theme="sombre"] .detail-reponse-zone { border-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .fil-ligne--admin .fil-message { background-color: #1c2126; } [data-theme="sombre"] .fil-ligne--admin .fil-message__contenu { color: #f0ebe6; } [data-theme="sombre"] .fil-ligne--admin .fil-message__fichier { background-color: rgba(255, 255, 255, 0.06); } [data-theme="sombre"] .detail-reponse-fermee { background-color: #1c2126; color: rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .detail-retour { color: rgba(240, 235, 230, 0.55); } [data-theme="sombre"] .detail-retour:hover { color: var(--couleur-corail); } [data-theme="sombre"] .demande-vue { color: #5b9bff; } [data-theme="sombre"] .demandes-recherche input { background-color: #232a2f; border-color: rgba(255, 255, 255, 0.1); color: #f0ebe6; } [data-theme="sombre"] .demandes-recherche i { color: rgba(240, 235, 230, 0.35); } [data-theme="sombre"] .detail-satisfaction p { color: rgba(240, 235, 230, 0.6); } [data-theme="sombre"] .detail-satisfaction__bouton { color: #f0ebe6; border-color: rgba(255, 255, 255, 0.15); } [data-theme="sombre"] .fil-accuse-reception { color: rgba(240, 235, 230, 0.4); } [data-theme="sombre"] .detail-satisfaction__commentaire-enregistre { color: rgba(240, 235, 230, 0.55); } /* Télécharger l'application */ [data-theme="sombre"] .telecharger-titre { color: #f0ebe6; } [data-theme="sombre"] .telecharger-texte, [data-theme="sombre"] .telecharger-avantage__texte { color: rgba(240, 235, 230, 0.65); } [data-theme="sombre"] .telecharger-avantage { border-bottom-color: rgba(255, 255, 255, 0.08); } [data-theme="sombre"] .telecharger-avantage__titre { color: #f0ebe6; } [data-theme="sombre"] .telecharger-avantage__icone { background-color: rgba(255, 103, 106, 0.15); } /* Badges App Store / Google Play : sur fond sombre, l'anthracite se fond dans la page — on bascule sur un badge clair, à l'inverse du mode clair */ [data-theme="sombre"] .magasin-badge { background-color: #232a2f; color: #f0ebe6; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35); } [data-theme="sombre"] .magasin-badge:hover { background-color: #2a3238; } [data-theme="sombre"] .magasin-badge--desactive { opacity: 0.35; box-shadow: none; } [data-theme="sombre"] .telecharger-retour { color: rgba(240, 235, 230, 0.7); } /* * Transition douce lors du changement de thème */ body, .entete, .carte-histoire, .modale, .notification, .datepicker-panneau, .select-inkwell__panneau { transition:background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; }