Styling

app.py

@@ -390,7 +390,8 @@ def load_css():
         return file.read()
 
 def run_gradio():
-    with gr.Blocks(title='Artificial Compliance', theme=gr.themes.Monochrome(), css=load_css(), fill_width=True, fill_height=True,) as gradio_ui:
+    with gr.Blocks(title='Artificial Compliance', css=load_css(), fill_width=True, fill_height=True,) as gradio_ui:
+        # theme=gr.themes.Monochrome(), 
         # Adding a sliding navbar
         with gr.Column(scale=1, elem_id='navbar'):
             gr.Image(

style.css

@@ -1,8 +1,7 @@
 /* style.css */
 .gradio-container {
     width: 100% !important;
-    max-width: none !important;
-    background-color: #D3D3D3;     
+    max-width: none !important;   
 }
 #navbar {
     position: fixed;
@@ -13,7 +12,7 @@
     background-color: #444;
     transition: left 0.3s ease;
     padding: 10px;
-    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
+    box-shadow: 2px 0 5px rgba(35, 21, 21, 0.5);
     z-index: 1000;
 }
 #navbar:hover {
@@ -43,7 +42,7 @@
     max-width: calc(100% - 300px);
     box-sizing: border-box;
     overflow-x: hidden;
-    color: red;
+    color: black;
     word-wrap: break-word;
 }
 #llm_output {