Update app.py

app.py

@@ -31,7 +31,7 @@ google_style_css = """
 /* Citation Block */
         .citation-block {
             position: relative;
-            background-color: #FDF6E3; /* Light cream background */
+            background-color: #FDF6E3 !important; /* Light cream background */
             border-radius: 8px;
             padding: 25px;
         }
@@ -47,13 +47,13 @@ google_style_css = """
             position: absolute;
             top: 15px;
             right: 15px;
-            background-color: #D97706;
-            border-color: #c56a05;
-            color: white;
+            background-color: #D97706 !important;
+            border-color: #c56a05 !important;
+            color: white !important;
         }
         .citation-block .btn-copy:hover, .citation-block .btn-copy:focus {
-            background-color: #c56a05;
-            color: white;
+            background-color: #c56a05 !important;
+            color: white !important;
         }
 
 
@@ -99,7 +99,7 @@ div.svelte-1nguped {
         }
         .content-card h4 {
           font-family: "Rubik", sans-serif;
-          color: #7d3561;
+          color: #7d3561 !important;
         }
         .content-card h2 {
           font-family: "Rubik", sans-serif;
@@ -107,7 +107,7 @@ div.svelte-1nguped {
           font-weight: 600;
           line-height: 1.25;
           letter-spacing: -1px;
-          color: #2f3b7d;
+          color: #2f3b7d !important;
           text-transform:none;
 
             /* font-size: 30px;
@@ -118,10 +118,10 @@ div.svelte-1nguped {
         }
         .content-card h3 {
           font-size: 20px;
-          color: #2f3b7d;
+          color: #2f3b7d !important;
         }
         .content-card h3 .title {
-          color: #7d3561;
+          color: #7d3561 !important;
         }
         .content-card p {
             /* font-size: 18px; */
@@ -199,7 +199,7 @@ div[class*="gradio-container"]  .prose thead tr {
 }
 div[class*="gradio-container"] .prose th .rotate_div {
 transform: rotate(-45deg) !important; 
-color: #7d3561;
+color: #7d3561 !important;
 padding-top: 10px !important;
 padding-bottom: 5px !important;
 font-weight: None !important;
@@ -208,7 +208,7 @@ font-size: 12px !important;
 }
 div[class*="gradio-container"]  .prose th {
     /* transform: rotate(-90deg) !important; */
-    color: #7d3561;
+    color: #7d3561 !important;
     font-weight: bold;
     /* font-size: 20px; */
     padding: 8px 5px;
@@ -268,6 +268,7 @@ div[class*="gradio-container"]  .prose td:not(:first-child) {
 
 html.dark .content-card {
     background-color: #fff !important;
+     color: #000 !important;
 }
 
 div[class*="gradio-container"]  .prose * {