change colors (#8)

- customize colors (f78e7d37054c28ff419c8f47a8b9f888dda65629)


Co-authored-by: Mättu <maettubfh@users.noreply.huggingface.co>

src/nlp_circle_demo/bfh_theme.py

@@ -0,0 +1,44 @@
+import gradio as gr
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+bfh_blue = colors.Color(
+    c50="#edf0f2",
+    c100="#dbe0e5",
+    c200="#b7c1cb",
+    c300="#93a2b1",
+    c400="#6f8397",
+    c500="#4b647d",
+    c600="#3c5064",
+    c700="#2d3c4b",
+    c800="#1e2832",
+    c900="#0f1419",
+    c950="#070a0c",
+    name="bfh_blue",
+)
+
+bfh_yellow = colors.Color(
+    c50="#fff9e6",
+    c100="#fef3cc",
+    c200="#fde799",
+    c300="#fcdb66",
+    c400="#fbcf33",
+    c500="#fac300",
+    c600="#c89c00",
+    c700="#967500",
+    c800="#644e00",
+    c900="#322700",
+    c950="#191300",
+    name="bfh_yellow",
+)
+
+
+class BFHTheme(Base):
+    def __init__(
+        self,
+    ):
+        super().__init__(
+            primary_hue=bfh_blue,
+            secondary_hue=bfh_yellow,
+        )

src/nlp_circle_demo/wrapped_gradio_objects.py

@@ -2,6 +2,8 @@ import gradio as gr
 import yaml
 import os
 
+from src.nlp_circle_demo.bfh_theme import BFHTheme
+
 
 class WrappedGradioObject:
     def __init__(self, title, gradio_element):
@@ -55,6 +57,7 @@ class GradioTabWrapper(WrappedGradioObject):
         interface = gr.TabbedInterface(
             [obj.gradio_element for obj in gradio_objects],
             [obj.title for obj in gradio_objects],
+            theme=BFHTheme(),
         )
         return cls(title, interface)