======================================== 🎨 OÙ VOIR LES COULEURS DANS FAILDAILY ======================================== 📱 COULEUR PRIMAIRE (Indigo #6366f1 OU Rose #FF6B9D) ======================================== 1. BOUTONS: ✓ Bouton "Connexion" (header home) ✓ Bouton "Publier" (header home) ✓ Bouton "Créer un compte" (page d'accueil) ✓ Bouton "Suivre/Ne plus suivre" (profil utilisateur) ✓ Bouton "Réinitialiser mot de passe" ✓ Tous les boutons avec color="primary" 2. ICÔNES: ✓ Icône bouclier (paramètres confidentialité) ✓ Icônes des features (coeur, personnes, trophée) 3. TOGGLES/SWITCHES: ✓ Tous les ion-toggle avec color="primary" ✓ Profil public ✓ Notifications push ✓ Messages privés 4. TAB BAR (navigation en bas): ✓ Icône de l'onglet ACTIF/SÉLECTIONNÉ ✓ Défini dans tabs.page.scss ligne 3 et 10 5. ÉLÉMENTS HARD-CODÉS #6366f1: ✓ Gradient du profil (header) ✓ Background bouton "Publier un fail" ✓ Bordures des badges actifs ✓ Liens dans la home page ======================================== 🎨 FOND (Background #dbeafe - Bleu pastel) ======================================== ✓ Arrière-plan GLOBAL de l'application ✓ Défini dans light-theme.css ✓ Variable: --ion-background-color ✓ Visible sur TOUTES les pages ======================================== 📝 TEXTE (Gris foncé #1e293b) ======================================== ✓ TOUT le texte principal ✓ Titres, paragraphes, labels ✓ Variable: --faildaily-text-primary ✓ Défini dans light-theme.css ======================================== 🔴 PROBLÈME DÉTECTÉ ======================================== ❌ 2 COULEURS PRIMAIRES CONFLICTUELLES: 1. variables.scss: #FF6B9D (Rose) 2. light-theme.css: #6366f1 (Indigo) 👉 light-theme.css ÉCRASE variables.scss ❌ VALEURS HARD-CODÉES: Beaucoup de fichiers .scss utilisent #6366f1 directement au lieu de var(--ion-color-primary) ======================================== 💡 COMMENT TESTER ======================================== 1. Ouvrir l'app en dev: cd frontend npm start (ou ionic serve) 2. Pages à vérifier: ✓ Page d'accueil: boutons "Connexion" et "Publier" ✓ Profil: header avec gradient ✓ Navigation: icônes actives en bas ✓ Paramètres: toggles/switches ✓ Post fail: bouton submit 3. Si vous ne voyez PAS la couleur: 👉 Vérifier l'inspecteur (F12) 👉 Chercher --ion-color-primary 👉 Valeur = #6366f1 (indigo actuel) ======================================== 🔧 POUR VOIR LE ROSE #FF6B9D ======================================== Il faut changer light-theme.css ligne 5: --faildaily-primary: #FF6B9D; Voulez-vous que je fasse ce changement? ========================================