Update app.py

app.py

@@ -2,6 +2,7 @@ import gradio as gr
 import models
 import pandas as pd
 from gradio.themes.base import Base
+from gradio.themes.utils.colors import Color
 from gradio.themes.utils import colors, fonts, sizes
 from typing import Iterable
     
@@ -47,13 +48,28 @@ def update_plot(tco1, tco2, dropdown, dropdown2, labour_cost1, labour_cost2):
     )
     return gr.LinePlot.update(data, x="Number of requests", y="Cost ($)",color="AI model service",color_legend_position="bottom", title="Total Cost of Model Serving for one month", height=300, width=500, tooltip=["Number of requests", "Cost ($)", "AI model service"])
 
+light_grey = Color(
+    name="light_grey",
+    c50="#e0e0e0",
+    c100="#e0e0e0",
+    c200="#e0e0e0",
+    c300="#e0e0e0",
+    c400="#e0e0e0",
+    c500="#e0e0e0",
+    c600="#e0e0e0",
+    c700="#e0e0e0",
+    c800="#e0e0e0",
+    c900="#e0e0e0",
+    c950="#e0e0e0",
+)
+
 class Style(Base):
     def __init__(
         self,
         *,
-        primary_hue: colors.Color | str = colors.neutral,
-        secondary_hue: colors.Color | str = colors.neutral,
-        neutral_hue: colors.Color | str = colors.neutral,
+        primary_hue: colors.Color | str = light_grey,
+        secondary_hue: colors.Color | str = light_grey,
+        neutral_hue: colors.Color | str = light_grey,
         spacing_size: sizes.Size | str = sizes.spacing_md,
         radius_size: sizes.Size | str = sizes.radius_md,
         text_size: sizes.Size | str = sizes.text_md,