/* * TEDPLAS — DARK MODE GLOBAL * Ce fichier DOIT être chargé en PREMIER dans chaque * AVANT tous les autres CSS de la page. * Il définit les variables ET force les couleurs sombres. */ /* ── VARIABLES DARK MODE ── */ [data-theme="dark"] { --primary-orange: #F66B0E; --primary-orange-hover: #FF7A1F; --primary-orange-light: #FF9447; --text-dark: #F5F5F5; --text-secondary: #BDBDBD; --text-light: #757575; --bg-cream: #1A1A1A; --bg-white: #242424; --bg-light-gray: #2E2E2E; --bg-dark: #0D0D0D; --border-color: #3A3A3A; --shadow-light: rgba(0, 0, 0, 0.4); --shadow-medium: rgba(0, 0, 0, 0.6); --shadow-strong: rgba(0, 0, 0, 0.7); } /* ── FOND ET TEXTE GLOBAL ── */ [data-theme="dark"], [data-theme="dark"] body { background-color: #1A1A1A !important; color: #F5F5F5 !important; } /* ── TOUS LES FONDS BLANCS ── */ [data-theme="dark"] *, [data-theme="dark"] *::before, [data-theme="dark"] *::after { border-color: #3A3A3A; } /* Éléments avec fond blanc/clair */ [data-theme="dark"] div, [data-theme="dark"] section, [data-theme="dark"] main, [data-theme="dark"] article, [data-theme="dark"] aside, [data-theme="dark"] nav, [data-theme="dark"] header, [data-theme="dark"] footer { background-color: inherit; } /* ── CLASSES COMMUNES ── */ /* Containers et wrappers */ [data-theme="dark"] .container, [data-theme="dark"] .wrapper, [data-theme="dark"] .content, [data-theme="dark"] .main-content, [data-theme="dark"] .page-content, [data-theme="dark"] .page-wrapper { background-color: #1A1A1A !important; } /* Cartes et panneaux */ [data-theme="dark"] .card, [data-theme="dark"] .panel, [data-theme="dark"] .box, [data-theme="dark"] .widget, [data-theme="dark"] .block, [data-theme="dark"] .section-block, [data-theme="dark"] .content-block, [data-theme="dark"] .inner-block, [data-theme="dark"] .tab-content, [data-theme="dark"] .tab-pane, [data-theme="dark"] .settings-card, [data-theme="dark"] .settings-section, [data-theme="dark"] .settings-block, [data-theme="dark"] .profile-card, [data-theme="dark"] .profile-section, [data-theme="dark"] .form-section, [data-theme="dark"] .form-card, [data-theme="dark"] .form-group, [data-theme="dark"] .form-block, [data-theme="dark"] .info-card, [data-theme="dark"] .info-box, [data-theme="dark"] .detail-card, [data-theme="dark"] .order-card, [data-theme="dark"] .order-item, [data-theme="dark"] .product-card, [data-theme="dark"] .ad-card, [data-theme="dark"] .message-card, [data-theme="dark"] .notification-item, [data-theme="dark"] .wallet-card, [data-theme="dark"] .transaction-item, [data-theme="dark"] .list-item, [data-theme="dark"] .item-row, [data-theme="dark"] .row-item { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Éléments de formulaire */ [data-theme="dark"] input, [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="number"], [data-theme="dark"] input[type="tel"], [data-theme="dark"] input[type="url"], [data-theme="dark"] input[type="search"], [data-theme="dark"] input[type="date"], [data-theme="dark"] textarea, [data-theme="dark"] select { background-color: #2E2E2E !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #757575 !important; } [data-theme="dark"] input:focus, [data-theme="dark"] textarea:focus, [data-theme="dark"] select:focus { border-color: #F66B0E !important; outline: none; box-shadow: 0 0 0 3px rgba(246, 107, 14, 0.15) !important; } /* Textes */ [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: #F5F5F5 !important; } [data-theme="dark"] p, [data-theme="dark"] span:not(.tp-lang-btn):not(.mobile-badge):not(.icon-badge), [data-theme="dark"] label, [data-theme="dark"] li, [data-theme="dark"] td, [data-theme="dark"] th { color: #BDBDBD; } /* Liens */ [data-theme="dark"] a:not(.btn):not(.btn-primary):not(.btn-sell-main):not(.sell-floating-btn):not(.tp-lang-btn):not(.tp-lang-mobile-btn):not(.dropdown-lang-pill) { color: #BDBDBD; } [data-theme="dark"] a:not(.btn):not(.btn-primary):not(.btn-sell-main):not(.sell-floating-btn):hover { color: #F5F5F5; } /* Tableaux */ [data-theme="dark"] table { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] thead, [data-theme="dark"] thead tr, [data-theme="dark"] thead th { background-color: #2E2E2E !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } [data-theme="dark"] tbody tr { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] tbody tr:hover { background-color: #2E2E2E !important; } [data-theme="dark"] td, [data-theme="dark"] th { border-color: #3A3A3A !important; } /* Séparateurs */ [data-theme="dark"] hr, [data-theme="dark"] .separator, [data-theme="dark"] .divider { border-color: #3A3A3A !important; background-color: #3A3A3A !important; } /* Badges et pills (sauf orange) */ [data-theme="dark"] .badge:not(.featured-badge):not(.discount-badge):not(.new-badge), [data-theme="dark"] .tag, [data-theme="dark"] .chip, [data-theme="dark"] .pill { background-color: #2E2E2E !important; color: #BDBDBD !important; border-color: #3A3A3A !important; } /* Dropdowns et menus */ [data-theme="dark"] .dropdown-menu, [data-theme="dark"] .dropdown-content, [data-theme="dark"] .menu, [data-theme="dark"] .submenu, [data-theme="dark"] .popup, [data-theme="dark"] .popover, [data-theme="dark"] .tooltip-inner { background-color: #242424 !important; border-color: #3A3A3A !important; color: #F5F5F5 !important; } /* Modals */ [data-theme="dark"] .modal, [data-theme="dark"] .modal-content, [data-theme="dark"] .modal-header, [data-theme="dark"] .modal-body, [data-theme="dark"] .modal-footer, [data-theme="dark"] .dialog, [data-theme="dark"] .overlay-content { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Tabs */ [data-theme="dark"] .tabs, [data-theme="dark"] .tab-nav, [data-theme="dark"] .tab-list, [data-theme="dark"] .nav-tabs, [data-theme="dark"] .tab-bar { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .tab, [data-theme="dark"] .tab-item, [data-theme="dark"] .nav-tab { color: #BDBDBD !important; } [data-theme="dark"] .tab.active, [data-theme="dark"] .tab-item.active, [data-theme="dark"] .nav-tab.active, [data-theme="dark"] .tab.is-active { color: #F66B0E !important; border-color: #F66B0E !important; } /* Alertes et messages */ [data-theme="dark"] .alert, [data-theme="dark"] .notice, [data-theme="dark"] .message-box { background-color: #2E2E2E !important; border-color: #3A3A3A !important; color: #F5F5F5 !important; } /* Sidebar et navigation latérale */ [data-theme="dark"] .sidebar, [data-theme="dark"] .side-nav, [data-theme="dark"] .left-panel, [data-theme="dark"] .right-panel { background-color: #242424 !important; border-color: #3A3A3A !important; } /* Header */ [data-theme="dark"] .tedplas-header, [data-theme="dark"] .header, [data-theme="dark"] .site-header, [data-theme="dark"] .top-bar { background-color: #242424 !important; border-color: #3A3A3A !important; } /* Footer */ [data-theme="dark"] .footer, [data-theme="dark"] .site-footer, [data-theme="dark"] .bottom-bar { background-color: #1A1A1A !important; border-color: #3A3A3A !important; color: #BDBDBD !important; } /* Boutons neutres (pas orange) */ [data-theme="dark"] .btn-secondary, [data-theme="dark"] .btn-outline, [data-theme="dark"] .btn-ghost, [data-theme="dark"] .btn-light, [data-theme="dark"] button:not(.btn-primary):not(.btn-sell-main):not(.sell-floating-btn):not(.burger-menu):not(.close-mobile-menu):not(.carousel-btn):not(.favorite-btn):not(.action-icon):not(.user-menu-btn):not(.dropdown-theme-row):not(.tp-theme-mobile-row):not(#tp-theme-btn):not(#tp-theme-btn-mobile) { background-color: #2E2E2E !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Scrollbar */ [data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: #1A1A1A; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #3A3A3A; border-radius: 4px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #F66B0E; } /* Images et médias — légèrement assombris */ [data-theme="dark"] img:not(.logo-image):not(.mobile-logo img):not(.user-avatar):not(.mobile-avatar):not(.seller-avatar) { opacity: 0.9; } /* Code blocks */ [data-theme="dark"] code, [data-theme="dark"] pre { background-color: #2E2E2E !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Page de settings spécifique */ [data-theme="dark"] .settings-page, [data-theme="dark"] .settings-container, [data-theme="dark"] .settings-content, [data-theme="dark"] .settings-form, [data-theme="dark"] .setting-item, [data-theme="dark"] .setting-row, [data-theme="dark"] .setting-group { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Page profil */ [data-theme="dark"] .profile-page, [data-theme="dark"] .profile-container, [data-theme="dark"] .profile-content, [data-theme="dark"] .profile-header, [data-theme="dark"] .profile-body, [data-theme="dark"] .profile-info, [data-theme="dark"] .profile-stats { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Page commandes */ [data-theme="dark"] .orders-page, [data-theme="dark"] .order-details, [data-theme="dark"] .order-header, [data-theme="dark"] .order-body, [data-theme="dark"] .order-footer, [data-theme="dark"] .order-summary, [data-theme="dark"] .order-timeline, [data-theme="dark"] .order-status { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Page messages */ [data-theme="dark"] .messages-page, [data-theme="dark"] .message-thread, [data-theme="dark"] .message-bubble, [data-theme="dark"] .chat-container, [data-theme="dark"] .chat-messages, [data-theme="dark"] .chat-input, [data-theme="dark"] .conversation-item { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Wallet */ [data-theme="dark"] .wallet-page, [data-theme="dark"] .wallet-balance, [data-theme="dark"] .wallet-summary, [data-theme="dark"] .transaction-list, [data-theme="dark"] .transaction-row { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* Search */ [data-theme="dark"] .search-page, [data-theme="dark"] .search-results, [data-theme="dark"] .search-filters, [data-theme="dark"] .filter-panel, [data-theme="dark"] .filter-group, [data-theme="dark"] .filter-item { background-color: #242424 !important; color: #F5F5F5 !important; border-color: #3A3A3A !important; } /* ── MESSAGING — variables mesaj.css ── */ [data-theme="dark"] { --c-bg: #0f0f0f; --c-surface: #1a1a1a; --c-border: #3a3a3a; --c-border-lt: #242424; --c-text: #f5f5f5; --c-muted: #757575; --c-muted2: #aaaaaa; --c-recv-bg: #2e2e2e; --c-recv-fg: #f5f5f5; --c-sys-bg: #242424; --c-sys-fg: #757575; --c-primary-lt: rgba(246,107,14,.12); --c-primary-mis: rgba(246,107,14,.06); --c-offer-bg: #2a1f10; --c-offer-bd: #5a3a10; --c-offer-acc: #f66b0e; --c-green-lt: #0f2a0f; --c-green-bd: #1a4a1a; --c-red-lt: #2a0f0f; --c-red-bd: #4a1a1a; } /* ── CATEGORY CARDS — dark mode fix ── */ [data-theme="dark"] .category-card { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .category-card .category-name { color: #F5F5F5 !important; } [data-theme="dark"] .category-card .category-count { color: #BDBDBD !important; } [data-theme="dark"] .category-card .category-arrow { color: #757575 !important; } [data-theme="dark"] .category-card:hover { background-color: #2E2E2E !important; border-color: #F66B0E !important; } [data-theme="dark"] .category-card:hover .category-name { color: #F66B0E !important; } /* ── PROFILE PAGE — dark mode fix ── */ /* Hero */ [data-theme="dark"] .pf-hero { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .pf-hero__name { color: #F5F5F5 !important; } [data-theme="dark"] .pf-hero__fullname, [data-theme="dark"] .pf-hero__bio { color: #BDBDBD !important; } [data-theme="dark"] .pf-hero__meta span { color: #BDBDBD !important; } /* Stats bar */ [data-theme="dark"] .pf-stats { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .pf-stat__value { color: #F5F5F5 !important; } [data-theme="dark"] .pf-stat__label { color: #BDBDBD !important; } [data-theme="dark"] .pf-stat__divider { background-color: #3A3A3A !important; } /* Vérifications */ [data-theme="dark"] .pf-verif { background-color: #242424 !important; } [data-theme="dark"] .pf-section-title { color: #F5F5F5 !important; } [data-theme="dark"] .pf-verif__item.no { background-color: #2E2E2E !important; color: #757575 !important; } /* Onglets */ [data-theme="dark"] .pf-tabs { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .pf-tab { color: #BDBDBD !important; } [data-theme="dark"] .pf-tab:hover, [data-theme="dark"] .pf-tab--active { color: #F66B0E !important; } [data-theme="dark"] .pf-tab__count { background-color: #2E2E2E !important; color: #BDBDBD !important; } [data-theme="dark"] .pf-tab--active .pf-tab__count { background-color: rgba(246,107,14,0.15) !important; color: #F66B0E !important; } /* Tab panel */ [data-theme="dark"] .pf-tab-panel { background-color: #242424 !important; } /* Annonces dans le profil */ [data-theme="dark"] .tp-sim-card { background-color: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .tp-sim-card__title { color: #F5F5F5 !important; } [data-theme="dark"] .tp-sim-card__loc { color: #BDBDBD !important; } /* Rating summary */ [data-theme="dark"] .pf-rating-summary { background-color: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .pf-rating-big { color: #F5F5F5 !important; } [data-theme="dark"] .pf-rating-total { color: #BDBDBD !important; } [data-theme="dark"] .pf-rating-bar { background-color: #3A3A3A !important; } [data-theme="dark"] .pf-rating-bar-row { color: #BDBDBD !important; } /* Avis */ [data-theme="dark"] .tp-review { background-color: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .tp-review__name { color: #F5F5F5 !important; } [data-theme="dark"] .tp-review__text { color: #BDBDBD !important; } [data-theme="dark"] .tp-review__date, [data-theme="dark"] .tp-review__product { color: #757575 !important; } [data-theme="dark"] .tp-review__response { background-color: rgba(246,107,14,0.08) !important; border-color: #F66B0E !important; } [data-theme="dark"] .tp-review__response strong { color: #F5F5F5 !important; } [data-theme="dark"] .tp-review__response p { color: #BDBDBD !important; } /* Breadcrumb */ [data-theme="dark"] .tp-breadcrumb { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .tp-breadcrumb .current { color: #F5F5F5 !important; } /* Dropdown menu */ [data-theme="dark"] .pf-dropdown__menu { background-color: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .pf-dropdown__item { color: #BDBDBD !important; } [data-theme="dark"] .pf-dropdown__item:hover { background-color: #3A3A3A !important; color: #F5F5F5 !important; } /* ── CHECKOUT PAGE — dark mode fix ── */ /* Cards générales */ [data-theme="dark"] .card { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .card-header { border-color: #3A3A3A !important; } [data-theme="dark"] .card-header h2 { color: #F5F5F5 !important; } [data-theme="dark"] .card-header p { color: #BDBDBD !important; } /* Options de livraison */ [data-theme="dark"] .delivery-option { background-color: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .delivery-option.selected { background-color: rgba(246,107,14,0.1) !important; border-color: #F66B0E !important; } [data-theme="dark"] .option-text strong { color: #F5F5F5 !important; } [data-theme="dark"] .option-text p { color: #BDBDBD !important; } [data-theme="dark"] .pickup-location { color: #BDBDBD !important; border-color: #3A3A3A !important; } /* Points relais */ [data-theme="dark"] .pr-item { background-color: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .pr-item:hover, [data-theme="dark"] .pr-item.selected { background-color: rgba(246,107,14,0.08) !important; border-color: #F66B0E !important; } [data-theme="dark"] .pr-name { color: #F5F5F5 !important; } [data-theme="dark"] .pr-address { color: #BDBDBD !important; } [data-theme="dark"] .pr-tag { background-color: #3A3A3A !important; color: #BDBDBD !important; } [data-theme="dark"] .pr-tag.city { background-color: rgba(37,99,235,0.2) !important; color: #93C5FD !important; } [data-theme="dark"] .pr-tag.same { background-color: rgba(16,185,129,0.2) !important; color: #6EE7B7 !important; } [data-theme="dark"] .pr-filter-bar select, [data-theme="dark"] .pr-filter-bar input { background-color: #2E2E2E !important; border-color: #3A3A3A !important; color: #F5F5F5 !important; } [data-theme="dark"] .pr-selected-summary { background-color: rgba(246,107,14,0.08) !important; border-color: rgba(246,107,14,0.3) !important; } /* Résumé sidebar */ [data-theme="dark"] .product-card, [data-theme="dark"] .price-card, [data-theme="dark"] .protection-box { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .product-title { color: #F5F5F5 !important; } [data-theme="dark"] .seller-row { background-color: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .seller-name { color: #F5F5F5 !important; } [data-theme="dark"] .price-card-header { color: #F5F5F5 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .price-line-label { color: #BDBDBD !important; } [data-theme="dark"] .price-line-value { color: #F5F5F5 !important; } [data-theme="dark"] .price-divider { background-color: #3A3A3A !important; } [data-theme="dark"] .price-total { background: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .price-total-label { color: #F5F5F5 !important; } [data-theme="dark"] .protection-text strong { color: #F5F5F5 !important; } [data-theme="dark"] .protection-text p { color: #BDBDBD !important; } /* Steps bar */ [data-theme="dark"] .checkout-steps, [data-theme="dark"] .checkout-header { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .checkout-header h1 { color: #F5F5F5 !important; } [data-theme="dark"] .step-divider { background-color: #3A3A3A !important; } /* Confirm modal */ [data-theme="dark"] .confirm-box { background-color: #242424 !important; } [data-theme="dark"] .confirm-title { color: #F5F5F5 !important; } [data-theme="dark"] .confirm-subtitle { color: #BDBDBD !important; } [data-theme="dark"] .btn-cancel { background-color: #2E2E2E !important; border-color: #3A3A3A !important; color: #BDBDBD !important; } /* Loader */ [data-theme="dark"] .tp-loader-overlay { background-color: #1A1A1A !important; } [data-theme="dark"] .tp-loader-brand__name { color: #F5F5F5 !important; } /* ── ORDER SUCCESS PAGE — dark mode fix ── */ [data-theme="dark"] .success-page { background-color: #1A1A1A !important; } [data-theme="dark"] .success-container { background-color: transparent !important; } [data-theme="dark"] .section-card { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .section-title { color: #F5F5F5 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .item-info h3 { color: #F5F5F5 !important; } [data-theme="dark"] .seller-badge { background-color: #2E2E2E !important; border-color: #3A3A3A !important; color: #BDBDBD !important; } [data-theme="dark"] .seller-badge strong { color: #F5F5F5 !important; } [data-theme="dark"] .item-image { border-color: #3A3A3A !important; background-color: #2E2E2E !important; } [data-theme="dark"] .timeline-content h3 { color: #F5F5F5 !important; } [data-theme="dark"] .timeline-content p { color: #BDBDBD !important; } [data-theme="dark"] .timeline-content { border-color: #3A3A3A !important; } [data-theme="dark"] .info-box { background-color: #2E2E2E !important; border-color: #3A3A3A !important; color: #BDBDBD !important; } [data-theme="dark"] .timeline-icon { background-color: rgba(246,107,14,0.15) !important; border-color: rgba(246,107,14,0.3) !important; } [data-theme="dark"] .help-card { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .help-content h3 { color: #F5F5F5 !important; } [data-theme="dark"] .help-content p { color: #BDBDBD !important; } [data-theme="dark"] .cost-item { color: #BDBDBD !important; } [data-theme="dark"] .cost-item:hover { background-color: #2E2E2E !important; } [data-theme="dark"] .cost-value { color: #F5F5F5 !important; } [data-theme="dark"] .cost-breakdown hr { border-color: #3A3A3A !important; } [data-theme="dark"] .cost-item.total { background: #2E2E2E !important; border-color: #3A3A3A !important; } [data-theme="dark"] .cost-item.total span { color: #F5F5F5 !important; } [data-theme="dark"] .payment-method-info { border-color: #3A3A3A !important; color: #BDBDBD !important; } [data-theme="dark"] .btn-secondary { border-color: #3A3A3A !important; color: #BDBDBD !important; background-color: transparent !important; } [data-theme="dark"] .btn-secondary:hover { border-color: #F66B0E !important; color: #F66B0E !important; background-color: rgba(246,107,14,0.08) !important; } [data-theme="dark"] .email-notice { background-color: #242424 !important; border-color: #3A3A3A !important; } [data-theme="dark"] .email-notice p { color: #BDBDBD !important; } [data-theme="dark"] .email-notice strong { color: #F5F5F5 !important; } [data-theme="dark"] .btn-home { background-color: #242424 !important; border-color: #3A3A3A !important; color: #BDBDBD !important; } [data-theme="dark"] .btn-home:hover { border-color: #F66B0E !important; color: #F66B0E !important; background-color: rgba(246,107,14,0.08) !important; } /* * CORRECTION CRITIQUE — success-hero gradient * La règle globale "[data-theme="dark"] div { background-color: inherit }" * écrase le gradient du hero car les div héritent du noir #1A1A1A. * On reforce le gradient ici avec !important, et on rend transparents * tous les enfants directs du hero pour ne pas les noircir. */ [data-theme="dark"] .success-hero { background: linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%) !important; } [data-theme="dark"] .success-animation, [data-theme="dark"] .success-header, [data-theme="dark"] .status-chips, [data-theme="dark"] .checkmark-circle, [data-theme="dark"] .order-number-badge { background-color: transparent !important; } [data-theme="dark"] .success-hero h1 { color: #FFFFFF !important; } [data-theme="dark"] .success-hero .success-message { color: rgba(255, 255, 255, 0.65) !important; } [data-theme="dark"] .confetti-container { background-color: transparent !important; }