/** * Thème utilisateur : mode sombre + surfaces. * Les couleurs de marque (--primary, --accent…) sont posées par js/theme.js. */ :root { --header-bg: rgba(255, 255, 255, 0.95); --header-border-subtle: rgba(0, 0, 0, 0.06); --surface-card: #ffffff; --surface-muted: var(--light-gray); --on-accent: #2c3e50; } /* ------------------------------------------------------------------------- Mode sombre — ergonomie : couches, contraste, lisibilité ------------------------------------------------------------------------- */ [data-theme="dark"] { /* Texte principal : plus sourd qu’#e8edf4 (moins de « gris clair » dominant) */ --dark: #9eb0c3; --gray: #8a96a8; --light: #0f1318; --light-gray: #141920; --border-light: rgba(255, 255, 255, 0.1); --secondary: #252d3a; --background-gradient: linear-gradient(165deg, #0f1318 0%, #0a0d11 55%, #080a0e 100%); --header-bg: rgba(22, 27, 36, 0.92); --header-border-subtle: var(--lt-dark-white-surface); /* Surfaces : couleur demandée var(--lt-dark-surface) (remplace l’ancien #1a2130 / blocs trop « clairs ») */ --surface-card: var(--lt-dark-surface); --surface-muted: var(--lt-dark-surface-muted); --surface-hover: var(--lt-dark-white-line); --surface-elevated: var(--lt-dark-surface-elevated); --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.45); --card-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.55); --shadow-sm: var(--lt-dark-shadow-sm); --shadow-md: var(--lt-dark-shadow-md); /* Liens dans le contenu : plus lisibles sur fond sombre */ --link-on-dark: var(--primary-light); } [data-theme="dark"] body { color: var(--dark); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Évite le “fond clair” sur les pages compte/dashboard en mode lune */ background: var(--background-gradient); } /* Certains layouts posent un fond clair sur ou sur des wrappers. En mode lune, on force un fond sombre cohérent pour éviter “fond blanc + bulles noires”. */ [data-theme="dark"] html, [data-theme="dark"] body { background-color: var(--lt-dark-page-bg); } [data-theme="dark"] a { color: var(--link-on-dark); } [data-theme="dark"] a:hover, [data-theme="dark"] a:focus-visible { color: var(--accent); } [data-theme="dark"] a.logout-link { color: var(--lt-dark-danger) !important; } [data-theme="dark"] a.logout-link:hover { color: var(--lt-dark-danger-hover) !important; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: var(--lt-dark-text); font-weight: 600; } [data-theme="dark"] .header-lbc-leboncoin { background: var(--header-bg); backdrop-filter: saturate(140%) blur(14px); border-bottom: 1px solid var(--header-border-subtle); box-shadow: var(--lt-dark-shadow-header); } [data-theme="dark"] .logo-img { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35); background: var(--lt-dark-white-line); } /* Recherche header */ [data-theme="dark"] .search-bar-input, [data-theme="dark"] .header-lbc-leboncoin .search-bar-input { background: var(--surface-card); border-color: var(--border-light); color: var(--dark); } [data-theme="dark"] .search-bar-input::placeholder { color: var(--lt-dark-text-subtle); opacity: 1; } [data-theme="dark"] .search-suggestions { background: var(--surface-elevated); border: 1px solid var(--border-light); box-shadow: var(--shadow-md); } [data-theme="dark"] .search-suggestion-item { border-bottom-color: var(--lt-dark-white-line); color: var(--dark); } [data-theme="dark"] .search-suggestion-item:hover, [data-theme="dark"] .search-suggestion-item.active { background: var(--surface-hover); } [data-theme="dark"] .search-suggestion-text { color: var(--dark); } [data-theme="dark"] .search-suggestion-type { color: var(--gray); } [data-theme="dark"] .search-suggestion-icon { color: var(--gray); } /* Menu utilisateur */ [data-theme="dark"] .user-dropdown { background: var(--surface-elevated); border: 1px solid var(--border-light); box-shadow: var(--shadow-md); } [data-theme="dark"] .user-dropdown a { color: var(--dark); } [data-theme="dark"] .user-dropdown a:hover { background: var(--surface-hover); color: var(--accent); } [data-theme="dark"] .user-info { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%); border-bottom: 1px solid var(--border-light); } [data-theme="dark"] .user-info strong, [data-theme="dark"] .user-name { color: var(--lt-dark-text); } [data-theme="dark"] .user-info small { color: var(--gray); } [data-theme="dark"] .user-menu-btn .user-name { color: var(--dark); } [data-theme="dark"] .user-menu-btn:hover { background: var(--surface-hover); } [data-theme="dark"] .header-hamburger { color: var(--dark); } [data-theme="dark"] .dropdown-menu { background: var(--surface-elevated); border: 1px solid var(--border-light); box-shadow: var(--shadow-md); } [data-theme="dark"] .dropdown-menu a { color: var(--dark); } [data-theme="dark"] .dropdown-menu a:hover { background: var(--surface-hover); color: var(--accent); } /* Navigation principale : barre plus profonde, survol lisible (sans halo orange) */ [data-theme="dark"] .main-nav { background: color-mix(in srgb, var(--primary) 72%, #050608); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45); border-top: 1px solid var(--lt-dark-white-line); } @supports not (background: color-mix(in srgb, white, black)) { [data-theme="dark"] .main-nav { background: var(--primary-dark); } } [data-theme="dark"] .nav-link:hover, [data-theme="dark"] .nav-link.active { background: var(--lt-dark-white-surface-hover); color: #fff; } [data-theme="dark"] .nav-link { color: rgba(255, 255, 255, 0.95); } /* Drawer mobile */ [data-theme="dark"] .mobile-menu-drawer { background: var(--surface-elevated); color: var(--dark); border-right: 1px solid var(--border-light); box-shadow: 8px 0 32px rgba(0, 0, 0, 0.4); } [data-theme="dark"] .mobile-menu-link { color: var(--dark); } [data-theme="dark"] .mobile-menu-link:hover, [data-theme="dark"] .mobile-menu-link.active { background: var(--surface-hover); color: var(--accent); } [data-theme="dark"] .mobile-menu-header { border-bottom-color: var(--border-light); } [data-theme="dark"] .mobile-menu-title { color: var(--lt-dark-text); } [data-theme="dark"] .mobile-menu-close { color: var(--lt-dark-text-soft); } [data-theme="dark"] .mobile-menu-divider { border-color: var(--border-light); } [data-theme="dark"] .mobile-menu-sublink { color: var(--gray); } [data-theme="dark"] .header-mobile-search-wrap { background: var(--header-bg); border-bottom: 1px solid var(--header-border-subtle); } [data-theme="dark"] .header-category-chip { background: rgba(255, 255, 255, 0.1); color: var(--lt-dark-text); border: 1px solid var(--lt-dark-white-surface); border-radius: 999px; } [data-theme="dark"] .header-category-chip:hover { background: var(--lt-dark-white-surface-strong); color: #fff; } /* Formulaire connexion header */ [data-theme="dark"] .form-group-inline label { color: var(--lt-dark-text-soft); } [data-theme="dark"] .form-group-inline input { background: var(--surface-card); border-color: var(--border-light); color: var(--dark); } [data-theme="dark"] .form-group-inline input::placeholder { color: var(--lt-dark-text-subtle); } [data-theme="dark"] .login-dropdown-footer { border-top-color: var(--border-light); } [data-theme="dark"] .login-dropdown-footer a { color: var(--accent); } [data-theme="dark"] .lang-switcher-header .lang-flag.active { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25); } [data-theme="dark"] .btn-lbc-annonce { color: var(--on-accent) !important; } [data-theme="dark"] .btn-lbc-annonce:hover { background: var(--accent-hover) !important; color: var(--on-accent) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); } [data-theme="dark"] .header-action-favoris { color: var(--primary-light) !important; } [data-theme="dark"] .user-menu-btn { background: var(--lt-dark-white-surface); border-color: var(--lt-dark-white-surface-hover); } [data-theme="dark"] .page-title { color: var(--lt-dark-text); } [data-theme="dark"] .page-box, [data-theme="dark"] .account-page { color: var(--dark); } /* Layout compte */ [data-theme="dark"] .compte-sidebar { background: transparent; } [data-theme="dark"] .compte-nav { background: var(--surface-card); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); } [data-theme="dark"] .compte-nav-item { color: var(--dark); } [data-theme="dark"] .compte-nav-item i { color: var(--gray); } [data-theme="dark"] .compte-nav-item:hover { background: var(--surface-hover); color: var(--accent); } [data-theme="dark"] .compte-nav-item:hover i { color: var(--accent); } [data-theme="dark"] .compte-nav-item.active { background: color-mix(in srgb, var(--primary) 22%, transparent); color: var(--accent); border: 1px solid var(--lt-dark-white-line); } [data-theme="dark"] .compte-nav-item.active i { color: var(--accent); } [data-theme="dark"] .compte-content { background: transparent; } /* Pages compte (account-pages.css) */ [data-theme="dark"] .account-page-header { background: linear-gradient( 135deg, color-mix(in srgb, var(--primary) 35%, var(--lt-dark-surface)) 0%, color-mix(in srgb, var(--primary-dark) 40%, #141a24) 100% ); color: var(--lt-dark-text); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); } [data-theme="dark"] .account-page-subtitle { color: var(--lt-dark-text-soft); } [data-theme="dark"] .account-page-content { background: var(--surface-card); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); } [data-theme="dark"] .account-empty-title { color: var(--lt-dark-text); } [data-theme="dark"] .account-empty-text { color: var(--gray); } [data-theme="dark"] .btn-account-primary { background: var(--surface-muted); color: var(--dark); border: 1px solid var(--border-light); } [data-theme="dark"] button.btn-account-primary { background: var(--accent); color: var(--on-accent); border: none; } [data-theme="dark"] button.btn-account-primary:hover { background: var(--accent-hover); } [data-theme="dark"] .account-stat-value { color: var(--lt-dark-text); } [data-theme="dark"] .account-stat-label { color: var(--gray); } [data-theme="dark"] .favoris-card { background: var(--surface-card); border-color: var(--border-light); } [data-theme="dark"] .favoris-card:hover { box-shadow: var(--card-shadow-hover); } [data-theme="dark"] .favoris-card-image { background: var(--surface-muted); } [data-theme="dark"] .favoris-card-title a { color: var(--lt-dark-text); } [data-theme="dark"] .favoris-card-title a:hover { color: var(--accent); } [data-theme="dark"] .favoris-card-date { color: var(--gray); } [data-theme="dark"] .message-thread { border-bottom-color: var(--border-light); } [data-theme="dark"] .message-thread:hover { background: var(--surface-hover); } /* Cartes annonces (styles.css) */ [data-theme="dark"] .listing-card { background: var(--surface-card); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); } [data-theme="dark"] .listing-card:hover { box-shadow: var(--card-shadow-hover); border-color: var(--lt-dark-white-surface-hover); } [data-theme="dark"] .listing-card-title { color: var(--lt-dark-text); } [data-theme="dark"] .listing-card-price { color: var(--accent); } [data-theme="dark"] .category-card { background: var(--surface-card); border-color: var(--primary-light); color: var(--primary-light); } [data-theme="dark"] .category-card:hover { background: color-mix(in srgb, var(--primary) 25%, var(--surface-card)); color: #fff; } /* Blocs génériques blancs */ [data-theme="dark"] .categories { background: transparent; } [data-theme="dark"] .breadcrumb a { color: var(--link-on-dark); } [data-theme="dark"] .breadcrumb-item { color: var(--gray); } /* Footer : aligné sur la palette sans rupture dure */ [data-theme="dark"] .footer-lbc-modern { background: #0d1014; border-top: 1px solid var(--border-light); } [data-theme="dark"] .footer-lbc-modern a { color: var(--lt-dark-link-muted); } [data-theme="dark"] .footer-lbc-modern a:hover { color: var(--accent); } [data-theme="dark"] .footer-bottom { background: var(--lt-dark-page-bg-deep); color: var(--gray); border-top-color: var(--border-light); } /* Filtres / formulaires courants */ [data-theme="dark"] .filters-form select, [data-theme="dark"] select { background: var(--surface-card); border-color: var(--border-light); color: var(--dark); } [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="search"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="number"], [data-theme="dark"] textarea { background: var(--surface-card); border-color: var(--border-light); color: var(--dark); } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: var(--lt-dark-text-subtle); opacity: 1; } /* ------------------------------------------------------------------------- Mobile (≤768px) : le gradient fixe du header doit respecter le thème ------------------------------------------------------------------------- */ @media (max-width: 768px) { [data-theme="dark"] .header-lbc-leboncoin { background: linear-gradient( 180deg, color-mix(in srgb, var(--primary-dark) 88%, #000) 0%, color-mix(in srgb, var(--primary) 75%, #030508) 100% ) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45); } @supports not (background: color-mix(in srgb, white, black)) { [data-theme="dark"] .header-lbc-leboncoin { background: linear-gradient(180deg, #1a2330 0%, #121820 100%) !important; } } [data-theme="dark"] .header-hamburger { color: #fff; } [data-theme="dark"] .search-bar-mobile { background: rgba(255, 255, 255, 0.1); } [data-theme="dark"] .search-bar-mobile-input { color: var(--lt-dark-text); } } /* ========================================================================= Mode sombre — surfaces blanches restantes + typo lisible (site complet) ========================================================================= */ [data-theme="dark"] main { color: var(--dark); } /* pages.css & coquilles */ [data-theme="dark"] .page-box { background: var(--surface-card) !important; border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); color: var(--dark); } [data-theme="dark"] .page-title { color: var(--lt-dark-text) !important; } [data-theme="dark"] .page-text, [data-theme="dark"] .guide-paragraph { color: var(--lt-dark-text-soft) !important; } [data-theme="dark"] .latest-listings { background: transparent !important; } [data-theme="dark"] .latest-listings-title { color: var(--lt-dark-text) !important; } /* styles.css — filtres Acheter / bibliothèque */ [data-theme="dark"] .filters-section-acheter, [data-theme="dark"] .filters-essentials-section, [data-theme="dark"] .step-card, [data-theme="dark"] .faq-section, [data-theme="dark"] .form-container { background: var(--surface-card) !important; border-color: var(--border-light) !important; box-shadow: var(--shadow-sm) !important; color: var(--dark); } [data-theme="dark"] .filters-title-acheter, [data-theme="dark"] .acheter-page-title { color: var(--lt-dark-text) !important; } [data-theme="dark"] .acheter-page-intro, [data-theme="dark"] .filter-group-acheter-label, [data-theme="dark"] .table-label { color: var(--lt-dark-text-soft) !important; } [data-theme="dark"] .filter-group-acheter-select, [data-theme="dark"] .filter-group-acheter-input, [data-theme="dark"] .filter-select-search, [data-theme="dark"] .filters-form-acheter .filter-group-acheter-select, [data-theme="dark"] .filters-form-acheter .filter-group-acheter-input { background: var(--surface-muted) !important; border-color: var(--border-light) !important; color: var(--dark) !important; } [data-theme="dark"] .form-input, [data-theme="dark"] .form-select, [data-theme="dark"] .form-textarea { background: var(--surface-card) !important; border-color: var(--border-light) !important; color: var(--dark) !important; } [data-theme="dark"] .favori-card, [data-theme="dark"] .auth-card { background: var(--surface-card) !important; border-color: var(--border-light) !important; color: var(--dark); } [data-theme="dark"] .tabs-communaute .tab-list { background: var(--surface-card) !important; border-color: var(--border-light) !important; } [data-theme="dark"] .image-preview-item { background: var(--surface-muted) !important; border-color: var(--border-light) !important; } [data-theme="dark"] .image-preview-meta { color: var(--gray) !important; } /* acheter.css — colonne filtres + sous-menus */ [data-theme="dark"] .acheter-page .filters-section-acheter, [data-theme="dark"] .filters-section-acheter { background: var(--surface-card) !important; border-color: var(--border-light) !important; box-shadow: var(--shadow-sm) !important; } [data-theme="dark"] .acheter-page .filters-title-acheter { color: var(--lt-dark-text) !important; border-bottom-color: var(--border-light); } [data-theme="dark"] .acheter-page .filter-group-acheter-label, [data-theme="dark"] .acheter-page .filter-group-acheter-select, [data-theme="dark"] .acheter-page .filter-group-acheter-input { color: var(--dark) !important; } [data-theme="dark"] .acheter-page .filter-group-acheter-select, [data-theme="dark"] .acheter-page .filter-group-acheter-input { background: var(--surface-muted) !important; border-color: var(--border-light) !important; } [data-theme="dark"] .filter-submenu-trigger.filter-submenu-trigger-select-style { background: var(--surface-muted) !important; color: var(--dark) !important; border-color: var(--border-light) !important; } [data-theme="dark"] .filter-submenu-selected { color: var(--dark) !important; } [data-theme="dark"] .filter-submenu-panel { background: var(--surface-elevated) !important; border-color: var(--border-light) !important; } [data-theme="dark"] .filter-submenu-search { background: var(--surface-muted) !important; border-color: var(--border-light) !important; color: var(--dark) !important; } [data-theme="dark"] .filter-submenu-search:focus { background: var(--surface-card) !important; } [data-theme="dark"] .filter-submenu-item { color: var(--dark) !important; } [data-theme="dark"] .filter-submenu-item:hover, [data-theme="dark"] .filter-submenu-item:focus { background: var(--surface-hover) !important; } [data-theme="dark"] .acheter-page .acheter-results-title { color: var(--lt-dark-text) !important; border-bottom-color: var(--border-light); } [data-theme="dark"] .acheter-page .banner-ad-wrap, [data-theme="dark"] .banner-ad-wrap { background: var(--surface-muted) !important; border: 1px solid var(--border-light); } [data-theme="dark"] .acheter-page .banner-promo, [data-theme="dark"] .banner-promo { background: linear-gradient( 135deg, color-mix(in srgb, var(--primary) 28%, var(--surface-card)) 0%, color-mix(in srgb, var(--primary-dark) 22%, var(--surface-muted)) 100% ) !important; border-color: var(--border-light); } [data-theme="dark"] .acheter-page .banner-promo-text, [data-theme="dark"] .banner-promo-text { color: var(--lt-dark-text) !important; } [data-theme="dark"] .acheter-page .banner-promo-question, [data-theme="dark"] .banner-promo-question { color: var(--lt-dark-text-soft) !important; } [data-theme="dark"] .acheter-page .banner-promo-btn, [data-theme="dark"] .banner-promo-btn { background: var(--surface-card) !important; border-color: var(--border-light) !important; color: var(--dark) !important; } /* Mon espace dashboard */ [data-theme="dark"] .dashboard-lbc { background: transparent !important; } /* Fonds “page” génériques : on les rend transparents en dark mode */ [data-theme="dark"] .main-content, [data-theme="dark"] .page-shell, [data-theme="dark"] .page-shell main, [data-theme="dark"] .compte-layout, [data-theme="dark"] .compte-content, [data-theme="dark"] .account-page, [data-theme="dark"] .vitrine-page, [data-theme="dark"] .orders-page, [data-theme="dark"] .offers-page-wrap, [data-theme="dark"] .favoris-page-wrap, [data-theme="dark"] .messages-page, [data-theme="dark"] .ma-collection-page { background: transparent !important; } /* Page Shell (lt-page) : sections très souvent en fond clair */ [data-theme="dark"] .lt-section, [data-theme="dark"] .lt-section--plain, [data-theme="dark"] .vendre-guide-section { background: transparent !important; } [data-theme="dark"] .lt-section-title { color: var(--lt-dark-text); } [data-theme="dark"] .lt-subtitle { color: var(--gray); } [data-theme="dark"] .dashboard-cta-banner { background: linear-gradient( 135deg, color-mix(in srgb, var(--primary) 26%, var(--surface-card)) 0%, color-mix(in srgb, var(--primary-dark) 18%, var(--surface-muted)) 100% ) !important; border: 1px solid var(--border-light) !important; } [data-theme="dark"] .dashboard-cta-title { color: var(--lt-dark-text) !important; } [data-theme="dark"] .dashboard-cta-subtitle { color: var(--lt-dark-text-soft) !important; } [data-theme="dark"] .dashboard-cta-btn { background: var(--surface-muted) !important; border: 1px solid var(--border-light) !important; color: var(--lt-dark-text) !important; box-shadow: var(--shadow-sm) !important; } [data-theme="dark"] .dashboard-cta-btn:hover { background: var(--surface-hover) !important; box-shadow: var(--shadow-md) !important; } [data-theme="dark"] .dashboard-profile-card, [data-theme="dark"] .dashboard-wallet-card, [data-theme="dark"] .dashboard-func-card { background: var(--surface-card) !important; border: 1px solid var(--border-light) !important; color: var(--dark); } [data-theme="dark"] .dashboard-wallet-card::before { /* En dark mode, éviter la “colonne” plus claire : garder un voile très subtil */ background: linear-gradient( 90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.04) 55%, rgba(255, 255, 255, 0.02) 100% ) !important; } [data-theme="dark"] .dashboard-wallet-title { color: var(--gray) !important; } [data-theme="dark"] .dashboard-wallet-amount { color: var(--lt-dark-text) !important; } [data-theme="dark"] .dashboard-wallet-status { color: var(--lt-dark-info) !important; } [data-theme="dark"] .dashboard-cards-title { color: var(--lt-dark-text) !important; } [data-theme="dark"] .dashboard-func-card h3 { color: var(--lt-dark-text) !important; } [data-theme="dark"] .dashboard-func-card p { color: var(--gray) !important; } [data-theme="dark"] .dashboard-func-icon { background: linear-gradient(135deg, var(--lt-dark-white-surface), rgba(255, 255, 255, 0.03)) !important; color: var(--primary-light) !important; } [data-theme="dark"] .dashboard-logout-btn { background: var(--surface-muted) !important; border-color: var(--border-light) !important; color: var(--lt-dark-text-soft) !important; } [data-theme="dark"] .dashboard-logout-btn:hover { background: var(--surface-hover) !important; color: var(--lt-dark-text) !important; } [data-theme="dark"] .dashboard-profile-name { color: var(--lt-dark-text) !important; } [data-theme="dark"] .dashboard-profile-rating { color: var(--gray) !important; } [data-theme="dark"] .dashboard-profile-edit { color: var(--primary-light) !important; } [data-theme="dark"] .dashboard-func-label, [data-theme="dark"] .dashboard-func-desc { color: var(--lt-dark-text-soft) !important; } /* Forum / communauté (blocs courants) */ [data-theme="dark"] .forum-topic-row, [data-theme="dark"] .forum-topic-post, [data-theme="dark"] .forum-reply-post, [data-theme="dark"] .forum-form-container, [data-theme="dark"] .forum-post, [data-theme="dark"] .communaute-card, [data-theme="dark"] .forum-category-card, [data-theme="dark"] .mon-forum-stat-card { background: var(--surface-card) !important; border-color: var(--border-light) !important; color: var(--dark); } [data-theme="dark"] .forum-topic-title, [data-theme="dark"] .forum-topic-body h3, [data-theme="dark"] .forum-post-author { color: var(--lt-dark-text) !important; } [data-theme="dark"] .forum-topic-meta, [data-theme="dark"] .forum-post-date, [data-theme="dark"] .forum-post-content, [data-theme="dark"] .forum-post-body { color: var(--lt-dark-text-muted) !important; } [data-theme="dark"] .forum-form label { color: var(--lt-dark-text-soft) !important; } [data-theme="dark"] .forum-form input, [data-theme="dark"] .forum-form textarea, [data-theme="dark"] .forum-form select { background: var(--surface-muted) !important; border-color: var(--border-light) !important; color: var(--dark) !important; } /* Page Communauté (cartes & listes) */ [data-theme="dark"] .communaute-page .communaute-section { background: transparent !important; } [data-theme="dark"] .communaute-page .communaute-category-card, [data-theme="dark"] .communaute-page .communaute-activity-card, [data-theme="dark"] .communaute-page .communaute-group-card { background: var(--surface-card) !important; border-color: var(--border-light) !important; } [data-theme="dark"] .communaute-page .communaute-activity-title, [data-theme="dark"] .communaute-page .communaute-group-name, [data-theme="dark"] .communaute-page .communaute-section-title { color: var(--lt-dark-text) !important; } [data-theme="dark"] .communaute-page .communaute-activity-meta, [data-theme="dark"] .communaute-page .communaute-activity-date, [data-theme="dark"] .communaute-page .communaute-construction { color: var(--gray) !important; } /* Annonces / commandes / détail */ [data-theme="dark"] .annonce-detail-page { color: var(--dark); } [data-theme="dark"] .annonce-detail-info-card, [data-theme="dark"] .annonce-detail-sidebar, [data-theme="dark"] .annonce-detail-seller-card, [data-theme="dark"] .annonce-detail-panel, [data-theme="dark"] .detail-card, [data-theme="dark"] .commande-card, [data-theme="dark"] .checkout-panel { background: var(--surface-card) !important; border-color: var(--border-light) !important; color: var(--dark); } [data-theme="dark"] .annonce-detail-title, [data-theme="dark"] .annonce-detail-price-main, [data-theme="dark"] .commande-detail h2, [data-theme="dark"] .commande-detail h3 { color: var(--lt-dark-text) !important; } [data-theme="dark"] .annonce-detail-meta, [data-theme="dark"] .annonce-detail-date, [data-theme="dark"] .commande-detail .muted, [data-theme="dark"] .text-muted { color: var(--gray) !important; } [data-theme="dark"] .annonce-detail-seller-name { color: var(--lt-dark-text) !important; } /* Tableaux */ [data-theme="dark"] table { color: var(--dark); } [data-theme="dark"] th { color: var(--lt-dark-text) !important; background: var(--surface-muted) !important; border-color: var(--border-light) !important; } [data-theme="dark"] td { border-color: var(--border-light) !important; color: var(--dark) !important; } [data-theme="dark"] tr:nth-child(even) td { background: rgba(255, 255, 255, 0.02); } /* Alertes */ [data-theme="dark"] .alert, [data-theme="dark"] .alert-success, [data-theme="dark"] .alert-info, [data-theme="dark"] .alert-warning { border: 1px solid var(--border-light); } [data-theme="dark"] .alert-success { background: var(--lt-dark-success-bg) !important; color: var(--lt-dark-success-text) !important; } [data-theme="dark"] .alert-error, [data-theme="dark"] .alert-danger { background: var(--lt-dark-error-bg) !important; color: var(--lt-dark-error-text) !important; } /* Typo utilitaire : paragraphes / listes dans le contenu principal */ [data-theme="dark"] main p, [data-theme="dark"] main li { color: var(--lt-dark-text-muted); } [data-theme="dark"] main strong, [data-theme="dark"] main b { color: var(--lt-dark-text); } /* Paragraphes des heros (éviter le gris sur bandeau foncé) */ [data-theme="dark"] .acheter-page .acheter-hero p, [data-theme="dark"] .acheter-page .acheter-hero .acheter-lead, [data-theme="dark"] .support-hero p, [data-theme="dark"] .support-hero .support-lead, [data-theme="dark"] .communaute-page .communaute-hero p, [data-theme="dark"] .communaute-page .communaute-hero .communaute-lead { color: rgba(255, 255, 255, 0.95) !important; } /* Ne pas ternir les heros à fond déjà contrasté */ [data-theme="dark"] .acheter-page .acheter-hero, [data-theme="dark"] .acheter-page .acheter-hero h1, [data-theme="dark"] .support-hero, [data-theme="dark"] .support-hero h1, [data-theme="dark"] .communaute-page .communaute-hero, [data-theme="dark"] .communaute-page .communaute-hero h1 { color: #fff !important; } /* Liens dans cartes : rester visibles */ [data-theme="dark"] .listing-card a, [data-theme="dark"] .favori-card a, [data-theme="dark"] .page-box a { color: var(--link-on-dark); } [data-theme="dark"] .listing-card a:hover, [data-theme="dark"] .favori-card a:hover { color: var(--accent); } /* header.css — dropdown recherche (nav desktop) */ [data-theme="dark"] .dropdown-menu a { color: var(--dark) !important; } [data-theme="dark"] .dropdown-menu a:hover { background: var(--surface-hover) !important; color: var(--accent) !important; } /* Chips / badges sur fond clair hérité */ [data-theme="dark"] .header-category-chip { color: var(--lt-dark-text) !important; }