Update app.py

app.py

@@ -14,23 +14,40 @@ import time
 def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
     hex_color = hex_color.lstrip('#')
     return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))
-
-def create_color_shades(hex_color: str) -> colors.Color:
-    base_rgb = hex_to_rgb(hex_color)
-    shades = [base_rgb] * 10  # Duplicate the base color for simplicity
-
-    # You can adjust this to create actual different shades if needed
-    return colors.Color(*shades)
+from __future__ import annotations
+from typing import Iterable
+import gradio as gr
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+import time
 
 class MPGPoster(Base):
+    @staticmethod
+    def create_color_shades(hex_color: str) -> colors.Color:
+        # Manually define shades for each color
+        # This is an example, adjust the shades according to your needs
+        shades = {
+            "c100": hex_color,
+            "c200": hex_color,  # Slightly lighter or darker
+            "c300": hex_color,
+            "c400": hex_color,
+            "c500": hex_color,  # Base color
+            "c600": hex_color,
+            "c700": hex_color,
+            "c800": hex_color,
+            "c900": hex_color,
+            "c950": hex_color,  # Darkest shade
+        }
+        return colors.Color(**shades)
+
     def __init__(
         self,
         *,
-        primary_hue: colors.Color | str = create_color_shades("#f47317"),
-        background_hue: colors.Color | str = create_color_shades("#f6f6f6ff"),
-        secondary_dark_hue: colors.Color | str = create_color_shades("#006c66"),
-        secondary_light_hue: colors.Color | str = create_color_shades("#6ad5bc"),
-        tertiary_highlight_hue: colors.Color | str = create_color_shades("#fbf22c"),
+        primary_hue: colors.Color | str = MPGPoster.create_color_shades("#f47317"),
+        background_hue: colors.Color | str = MPGPoster.create_color_shades("#f6f6f6ff"),
+        secondary_dark_hue: colors.Color | str = MPGPoster.create_color_shades("#006c66"),
+        secondary_light_hue: colors.Color | str = MPGPoster.create_color_shades("#6ad5bc"),
+        tertiary_highlight_hue: colors.Color | str = MPGPoster.create_color_shades("#fbf22c"),
         spacing_size: sizes.Size | str = sizes.spacing_md,
         radius_size: sizes.Size | str = sizes.radius_md,
         text_size: sizes.Size | str = sizes.text_lg,