add themes

ezgg_website/__init__.py

@@ -8,22 +8,71 @@ from . import pages
 from . import components as comps
 
 themes = [
-rio.Theme.from_colors(
-    primary_color=rio.Color.from_hex("ff800d"),
-    secondary_color=rio.Color.from_hex("ae5714"),
-    background_color=rio.Color.from_hex("090021"),
-    hud_color=rio.Color.from_hex("2c2340"),
-    text_color=rio.Color.from_hex("fefefe"),
-    light=False,
-),
-rio.Theme.from_colors(
-    primary_color=rio.Color.from_hex("ff800d"),
-    secondary_color=rio.Color.from_hex("ae5714"),
-    background_color=rio.Color.from_hex("090021"),
-    hud_color=rio.Color.from_hex("2c2340"),
-    text_color=rio.Color.from_hex("fefefe"),
-    light=False,
-)
+    # Grey/Purple
+    rio.Theme.from_colors(
+        primary_color=rio.Color.from_hex("bb86fc"),
+        secondary_color=rio.Color.from_hex("6200ee"),
+        neutral_color=rio.Color.from_hex("1e1e1e"),
+        background_color=rio.Color.from_hex("121212"),
+        hud_color=rio.Color.from_hex("bb86fc"),
+        text_color=rio.Color.from_hex("FFFFFF"),
+        light=False,
+    ),
+
+    # Grey/Turquoise
+    rio.Theme.from_colors(
+        primary_color=rio.Color.from_hex("03dac5"),
+        secondary_color=rio.Color.from_hex("018786"),
+        neutral_color=rio.Color.from_hex("1e1e1e"),
+        background_color=rio.Color.from_hex("121212"),
+        hud_color=rio.Color.from_hex("03dac5"),
+        text_color=rio.Color.from_hex("FFFFFF"),
+        light=False,
+    ),
+
+    # Grey/Pink
+    rio.Theme.from_colors(
+        primary_color=rio.Color.from_hex("fe1f70"),
+        secondary_color=rio.Color.from_hex("a32263"),
+        neutral_color=rio.Color.from_hex("1e1e1e"),
+        background_color=rio.Color.from_hex("121212"),
+        hud_color=rio.Color.from_hex("fe1f70"),
+        text_color=rio.Color.from_hex("FFFFFF"),
+        light=False,
+    ),
+
+    # Grey/Red
+    rio.Theme.from_colors(
+        primary_color=rio.Color.from_hex("ec1e2a"),
+        secondary_color=rio.Color.from_hex("9b1725"),
+        neutral_color=rio.Color.from_hex("1e1e1e"),
+        background_color=rio.Color.from_hex("121212"),
+        hud_color=rio.Color.from_hex("ec1e2a"),
+        text_color=rio.Color.from_hex("FFFFFF"),
+        light=False,
+    ),
+
+    # Grey/Orange
+    rio.Theme.from_colors(
+        primary_color=rio.Color.from_hex("ff800d"),
+        secondary_color=rio.Color.from_hex("ae5714"),
+        neutral_color=rio.Color.from_hex("1e1e1e"),
+        background_color=rio.Color.from_hex("121212"),
+        hud_color=rio.Color.from_hex("ff800d"),
+        text_color=rio.Color.from_hex("FFFFFF"),
+        light=False,
+    ),
+
+    # Grey/Blue
+    rio.Theme.from_colors(
+        primary_color=rio.Color.from_hex("2c89ff"),
+        secondary_color=rio.Color.from_hex("2376dc"),
+        neutral_color=rio.Color.from_hex("1e1e1e"),
+        background_color=rio.Color.from_hex("121212"),
+        hud_color=rio.Color.from_hex("2c89ff"),
+        text_color=rio.Color.from_hex("FFFFFF"),
+        light=False,
+    )
 ]
 
 
@@ -40,7 +89,7 @@ app = rio.App(
             build=pages.Home,
         ),
     ],
-    theme=themes[0],
+    theme=themes[2],
     assets_dir=Path(__file__).parent / "assets",
     on_session_start=on_session_start
 )