Changes for css

app.py

@@ -113,13 +113,51 @@ def update_sample(sample):
 
 
 import gradio as gr
-
-with gr.Blocks(theme='dark') as demo:
+dark_css = """
+body {
+    background-color: #1a1a1a !important;
+    color: #f5f5f5 !important;
+}
+.gradio-container {
+    background-color: #1a1a1a !important;
+    color: #FFFFFF !important;
+}
+.container {
+    background-color: #1a1a1a !important;
+    color: #FFFFFF !important;
+}
+.form {
+    background-color: #1a1a1a !important;
+    color: #FFFFFF !important;
+}
+.gap {
+    background-color: #1a1a1a !important;
+    color: #FFFFFF !important;
+}
+#orange-button{ background-color: #FFA500 !important; color: #000000}
+
+.block {
+    background-color: #1a1a1a !important;
+    color: #FFFFFF !important;
+}
+.wrap {
+    background-color: #1a1a1a !important;
+    color: #FFFFFF !important;
+}
+textarea, input, select, button {
+    background-color: #333333 !important;
+    color: #f5f5f5 !important;
+    border-color: #555555 !important;
+}
+label {
+    color: #f5f5f5 !important;
+}"""
+with gr.Blocks(css=dark_css) as demo:
     # Header section with larger, centered title
-    gr.Markdown("<h1 style='text-align: center;'>Collinear Guard Nano</h1>")
+    gr.Markdown("<h1 style='text-align: center;color:white'>Collinear Guard Nano</h1>")
     gr.Markdown(
         """
-        <p style='text-align: center;'>
+        <p style='text-align: center;color:white'>
         Test Collinear guard nano and comapare with llama guard 3 using the sample conversations below or type your own.
         Collinear guard nano supports 3 types of safety tasks -- prompt classification, response classification, and refusal classification.
         </p>