Update pages/3_Prediction_Prix.py

pages/3_Prediction_Prix.py

@@ -4,44 +4,57 @@ import time
 
 # --- Configuration de la Page ---
 
+# --- Injection de CSS pour surcharger le thème par défaut ---
 # --- Injection de CSS pour surcharger le thème par défaut ---
 st.markdown("""
 <style>
+    /* ------------------- STYLES GÉNÉRAUX ------------------- */
+    /* Changer la couleur des labels de tous les widgets */
+    label {
+        color: #E0E0E0 !important; /* Un gris clair pour les labels */
+    }
+
     /* ------------------- STYLES POUR LE BOUTON DU FORMULAIRE ------------------- */
-    
-    /* Cibler le bouton à l'intérieur du conteneur st.form */
     .stForm [data-testid="stFormSubmitButton"] button {
-        background-color: #b725c8cc; /* Votre couleur violette avec transparence */
-        color: #fed58cff; /* Votre couleur de typo */
+        background-color: #b725c8cc;
+        color: #fed58cff;
         border: 2px solid #b725c8;
     }
-    
-    /* Changer la couleur au survol */
     .stForm [data-testid="stFormSubmitButton"] button:hover {
         background-color: #fed58cff;
         color: #b725c8;
         border: 2px solid #b725c8;
     }
 
-    /* ------------------- ✨ STYLE POUR LA SELECTBOX ✨ ------------------- */
-    
-    /* Cibler le conteneur principal de la selectbox */
+    /* ------------------- STYLE POUR LA SELECTBOX ------------------- */
     .stSelectbox div[data-baseweb="select"] > div {
-        background-color: #3A3A5A; /* Optionnel : changer le fond si besoin */
-        color: white; /* La couleur du texte sélectionné */
+        background-color: #3A3A5A;
+        color: white;
     }
 
-    /* Cibler les options dans la liste déroulante */
-    /* Streamlit crée la liste déroulante dans un autre conteneur, il faut le cibler aussi */
-    div[data-baseweb="popover"] ul li {
-        color: black; /* Texte des options, à ajuster si le fond du popover est sombre */
-        background-color: white; /* Fond des options */
+    /* ------------------- ✨ STYLE POUR LE NUMBER INPUT ✨ ------------------- */
+    .stNumberInput input {
+        background-color: #3A3A5A;
+        color: white; /* Couleur du texte saisi */
+    }
+    /* Style pour les flèches + et - du number input */
+    .stNumberInput button svg {
+        fill: white;
     }
 
-    /* Changer la couleur du texte des options au survol */
-    div[data-baseweb="popover"] ul li:hover {
-        background-color: #b725c8cc;
-        color: white;
+    /* ------------------- ✨ STYLE POUR LA CHECKBOX ✨ ------------------- */
+    /* Cibler le texte (label) à côté de la checkbox */
+    .stCheckbox span {
+        color: white; /* Couleur du texte du label */
+    }
+    /* Changer la couleur de la coche quand la case est cochée */
+    .stCheckbox [data-testid="stTickData"] svg {
+        fill: #b725c8 !important; /* Votre couleur violette pour la coche */
+        stroke: #b725c8 !important;
+    }
+    /* Changer la couleur de la bordure de la case */
+    .stCheckbox [data-testid="stWidgetLabel"]+div {
+        border-color: #E0E0E0 !important;
     }
 
 </style>