Update app.py and made utils folder for color schema

app.py

@@ -2,6 +2,8 @@ import torch
 from monai.bundle import ConfigParser
 import gradio as gr
 
+from utils import page_utils
+
 parser = ConfigParser() #  load configuration files that specify various parameters for running the MONAI workflow.
 parser.read_config(f="configs/inference.json") # read the config from specified JSON file
 parser.read_meta(f="configs/metadata.json") # read the metadata from specified JSON file
@@ -52,19 +54,23 @@ example_files2 = [
     'sample_data/Labels/train_1_3_0020.png'],
 ]
 
-with open('Description.md','r') as file:
-   markdown_content = file.read()
-with gr.Blocks() as app:
-    gr.Markdown("# Pathology Nuclei Classification")
-    gr.Markdown(markdown_content)
+with open('index.html', encoding='utf-8') as file:
+   html_content = file.read()
+
+with gr.Blocks(theme=gr.themes.Default(primary_hue=page_utils.KALBE_THEME_COLOR, secondary_hue=page_utils.KALBE_THEME_COLOR).set(
+        button_primary_background_fill='*primary_600',
+        button_primary_background_fill_hover='*primary_500',
+        button_primary_text_color='white',
+    )) as app:
+    gr.HTML(html_content)
     with gr.Row():
         with gr.Column():
             with gr.Row():
                 inp_img = gr.Image(type="filepath", image_mode="RGB")
                 label_img = gr.Image(type="filepath", image_mode="L")
             with gr.Row():
-                process_btn = gr.Button(value="Process")
                 clear_btn = gr.Button(value="Clear")
+                process_btn = gr.Button(value="Process", variant="primary")
         out_txt = gr.Label(label="Probabilities", num_top_classes=4)
 
     process_btn.click(fn=classify_image, inputs=[inp_img, label_img], outputs=out_txt)

utils/page_utils.py

@@ -0,0 +1,51 @@
+from typing import Optional
+
+
+class ColorPalette:
+    """Color Palette Container."""
+    all = []
+
+    def __init__(
+        self,
+        c50: str,
+        c100: str,
+        c200: str,
+        c300: str,
+        c400: str,
+        c500: str,
+        c600: str,
+        c700: str,
+        c800: str,
+        c900: str,
+        c950: str,
+        name: Optional[str] = None,
+    ):
+        self.c50 = c50
+        self.c100 = c100
+        self.c200 = c200
+        self.c300 = c300
+        self.c400 = c400
+        self.c500 = c500
+        self.c600 = c600
+        self.c700 = c700
+        self.c800 = c800
+        self.c900 = c900
+        self.c950 = c950
+        self.name = name
+        ColorPalette.all.append(self)
+
+
+KALBE_THEME_COLOR = ColorPalette(
+    name='kalbe',
+    c50='#f2f9e8',
+    c100='#dff3c4',
+    c200='#c2e78d',
+    c300='#9fd862',
+    c400='#7fc93f',
+    c500='#3F831C',
+    c600='#31661a',
+    c700='#244c13',
+    c800='#18340c',
+    c900='#0c1b06',
+    c950='#050a02',
+)