add theme

app.py

@@ -13,14 +13,54 @@ user_input:
 Returns:
     string: translated string of text
 """
-
+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 argparse
 
 import langid
 from transformers import pipeline
 
 
+class myTheme(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.emerald,
+        secondary_hue: colors.Color | str = colors.blue,
+        neutral_hue: colors.Color | str = colors.gray,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_lg,
+        font: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Quicksand"),
+            "ui-sans-serif",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("IBM Plex Mono"),
+            "ui-monospace",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+
+
 def detect_lang(article, target_lang):
     """
     Language Detection using library langid
@@ -68,15 +108,18 @@ def opus_trans(article, target_language):
     return translated
 
 
-article = gr.Textbox()
-lang_select = gr.Radio(["English", "Chinese"])
-translate = gr.Interface(
-    opus_trans,
-    [
-        article,
-        lang_select,
-    ],
-    outputs=gr.Textbox(),
-)
+myTheme = myTheme()
+
+with gr.Blocks(theme=myTheme) as demo:
+    article = gr.Textbox()
+    lang_select = gr.Radio(["English", "Chinese"])
+    translate = gr.Interface(
+        opus_trans,
+        [
+            article,
+            lang_select,
+        ],
+        outputs=gr.Textbox(),
+    )
 
-translate.launch()
+demo.launch()