added formatting of buttons

app.py

@@ -144,7 +144,10 @@ with gr.Blocks() as demo:
                         color: #000000 !important;
                     }
                     button.svelte-1tcem6n.svelte-1tcem6n:hover:not(:disabled):not(.selected) {
-                        background-color: linear-gradient(#28C896, #96E600);
+                        background-color: #28C896;
+                    }
+                    textarea.svelte-173056l.svelte-173056l {
+                        color: #000000 !important;
                     }
                     .primary.svelte-1ixn6qd{
                         background: #FFFFFF;
@@ -155,12 +158,17 @@ with gr.Blocks() as demo:
                         border-color: #000000;
                     }
                     .primary.svelte-1ixn6qd:hover,.primary[disabled].svelte-1ixn6qd {
-                        background: #28C896;
+                        background: #3f3f46;
                     }
                     .primary.svelte-1ixn6qd:hover {
                         border-color: #000000;
                         border-shadow:  #000000;
                     }
+                    .secondary.svelte-1ixn6qd:hover,.secondary[disabled].svelte-1ixn6qd {
+                        background: var(--button-secondary-background-fill-hover);
+                        color: var(--button-secondary-text-color-hover)
+                    }
+
                 </style>
                 """
             )
@@ -205,7 +213,7 @@ with gr.Blocks() as demo:
                                 value="Réinitialiser la localisation",
                                 size="md",
                                 elem_classes=["back-button"],
-                                variant="primary"
+                                variant="primary",
                             )
 
                         with gr.Row(elem_classes=["card"]):
@@ -213,7 +221,11 @@ with gr.Blocks() as demo:
                                 label="Culture",
                                 scale=1,
                                 elem_classes="culture_box",
-                                choices=["Blé", "Colza", "Orge"],
+                                choices=[
+                                    "Blé tendre d'hiver",
+                                    "Colza d'hiver",
+                                    "Orge d'hiver",
+                                ],
                             )
 
                     with gr.Column(variant="panel", scale=3):
@@ -224,7 +236,10 @@ with gr.Blocks() as demo:
                 )
 
             go_to_page_2_btn = gr.Button(
-                "Aller aux résultats", visible=False, elem_classes=["ok-button"], variant="primary"
+                "Aller aux résultats",
+                visible=False,
+                elem_classes=["ok-button"],
+                variant="primary",
             )
 
         page_2 = gr.Column(visible=False)
@@ -237,7 +252,7 @@ with gr.Blocks() as demo:
                     value="Retour",
                     size="md",
                     elem_classes=["back-button"],
-                    variant="primary"
+                    variant="primary",
                 )
                 with gr.Row(equal_height=True, elem_classes="result-page"):
                     with gr.Tab(label="Prévisions climatiques", scale=1):
@@ -289,7 +304,7 @@ with gr.Blocks() as demo:
                                 gr.Plot()
                             with gr.Column():
                                 gr.HTML("<h2 style='color: #000000'>Rendements</h2>")
-                                gr.Plot()
+                                shaded_plot_yields = gr.Plot()
 
     demo.load(on_init, [lat, lon, address], [lat, lon, map])
     place_btn.click(on_init, [lat, lon, address], [lat, lon, map])
@@ -314,6 +329,7 @@ with gr.Blocks() as demo:
             plot_1,
             plot_2,
             plot_3,
+            shaded_plot_yields,
             page_1,
             page_2,
             go_to_page_2_btn,

func_utils.py

@@ -3,6 +3,7 @@ import requests
 import gradio as gr
 
 
+from compute_yield import plot_yield
 from visualize.visualize import get_plots
 
 
@@ -72,12 +73,16 @@ def launch_simulation(lat, lon, address, culture):
     agripv_summary = "bidule"
     page1, page_2 = go_to_page_2()
     plot_1, plot_2, plot_3 = get_plots()
+    shaded_plot_yields = plot_yield(
+        latitude=lat, longitude=lon, culture=culture, shading_coef=0.2
+    )
     return (
         current_situation_summary,
         agripv_summary,
         plot_1,
         plot_2,
         plot_3,
+        shaded_plot_yields,
         page1,
         page_2,
         gr.Button(visible=True),