/* ===================================================== TOUTES-COULEURS.css Colle ce contenu dans un nouveau fichier et ajoute-le EN DERNIER dans tous tes après tous tes autres CSS. Il surcharge toutes les couleurs rouges par le magenta/violet de ton logo. ===================================================== */ /* ===================================================== VARIABLES GLOBALES — remplace style.css ===================================================== */ :root { --accent: #ff00cc !important; --accent-hover: #cc00aa !important; --accent-soft: rgba(255,0,204,0.12) !important; --nav-bg: linear-gradient(90deg, #ff00cc, #7700ff) !important; --nav-shadow: rgba(255,0,204,0.25) !important; --primary-red: #ff00cc !important; } [data-theme="light"] { --accent: #cc0099 !important; --accent-hover: #aa0080 !important; --accent-soft: rgba(204,0,153,0.08) !important; } /* ===================================================== ÉLÉMENTS AVEC COULEUR HARDCODÉE ===================================================== */ /* Boutons principaux */ .btn-account, .btn-hero, .btn-watchlist, .btn-create-list, .btn-modal-create, .btn-explore, .dsi-add-btn, .hero-btn-primary, #login-btn { background: #ff00cc !important; } .btn-account:hover, .btn-hero:hover, .btn-watchlist:hover, .btn-create-list:hover, .btn-modal-create:hover:not(:disabled), .btn-explore:hover, .hero-btn-primary:hover, #login-btn:hover { background: #cc00aa !important; } /* Watchlist active */ .btn-watchlist.active { background: #ff00cc !important; } /* Nav gradient */ .main-nav { background: linear-gradient(90deg, #ff00cc, #7700ff) !important; box-shadow: 0 4px 16px rgba(255,0,204,0.25) !important; } /* Accent texte */ .logo-text span, .view-all-link:hover, .auth-content p a, .footer-copy a, .news-author, .trailer-filter-btn.active, .genre-tag, .list-card-name { color: #ff00cc; } /* Bordures accent */ .search-box:focus-within { border-color: rgba(255,0,204,0.5) !important; } .auth-content input:focus { border-color: #ff00cc !important; } /* Badges */ .badge, .lists-count-badge, .fav-count { background: #ff00cc !important; } /* Filtres actifs */ .news-filter-btn.active, .trailer-filter-btn.active, .lists-tab.active { background: #ff00cc !important; border-color: #ff00cc !important; } .lists-tab.active { background: none !important; color: #ff00cc !important; border-bottom-color: #ff00cc !important; } /* Scrollbars */ .news-scrollbar-thumb, .trailer-scrollbar-thumb { background: #ff00cc !important; } /* Hero slider */ .hero-genre-tag { background: rgba(255,0,204,0.15) !important; border-color: rgba(255,0,204,0.35) !important; color: #ff88ee !important; } .hero-dot.active { background: #ff00cc !important; } .hero-arrow:hover { background: rgba(255,0,204,0.8) !important; } /* Detail page */ .genre-tag { background: rgba(255,0,204,0.1) !important; border-color: rgba(255,0,204,0.2) !important; color: #ff00cc !important; } .genre-tag:hover { background: #ff00cc !important; color: #fff !important; } /* Score ring */ .ring-fill { stroke: #ff00cc !important; } /* Bouton play trailer */ .trailer-play-btn { background: rgba(255,0,204,0.9) !important; } .trailer-card:hover .trailer-play-btn { background: #ff00cc !important; } /* Modal close */ .trailer-modal-close:hover { background: #ff00cc !important; } /* Heading accent (detail page) */ .heading-accent { background: #ff00cc !important; } /* Tags news */ .news-section-title::after { background: #ff00cc !important; } /* Genre overlay */ .genre-overlay-tag:hover, .genre-item:hover { background: #ff00cc !important; border-color: #ff00cc !important; } /* Suppression (garder rouge pour le danger) */ .remove-btn, .drawer-film-remove, .delete-btn { /* Garde le rouge pour les actions dangereuses */ background: rgba(229,9,20,0.85) !important; } /* Emoji picker sélectionné */ .emoji-opt.selected { border-color: #ff00cc !important; background: rgba(255,0,204,0.08) !important; } /* Vis btn actif */ .vis-btn.active { background: rgba(255,0,204,0.1) !important; border-color: #ff00cc !important; } /* Tags genre */ .tags li:hover, .tags li.active { background: #ff00cc !important; border-color: #ff00cc !important; } /* Genre pill */ .genre-pill.active { background: #ff00cc !important; } /* Section title ::after (news) */ .news-section-title::after, .section-header h2 { /* Accent dans les titres de section */ } /* Pill hero eyebrow */ .hero-eyebrow { color: #ff00cc !important; background: rgba(255,0,204,0.1) !important; border-color: rgba(255,0,204,0.2) !important; } /* Star rating active */ .star-item.filled, .star-item:hover { color: #ff00cc !important; } /* Breadcrumb hover */ .breadcrumb a:hover { color: #ff00cc !important; } /* Provider logo hover */ .provider-logo:hover { border-color: #ff00cc !important; } /* Actor card hover */ .actor-card:hover .actor-photo-wrap { border-color: #ff00cc !important; } /* Director name */ .director-name { color: #f0f0f0; } /* Genre toggle btn hover */ .genre-toggle-btn:hover { border-color: #ff00cc !important; } /* Score couleur */ #genre-name-display { background: linear-gradient(to right, #ff00cc, #7700ff) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }