Update app.py

app.py

@@ -76,6 +76,7 @@ google_style_css = """
 }
 div[class*="gradio-container"] {
 background:#FFFBF5 !important;
+color:#000 !important;
 }
 
 div.svelte-1nguped {
@@ -163,6 +164,10 @@ button.svelte-1tcem6n.svelte-1tcem6n {
     font-weight: bold;
     /* font-size: 16px; */
     padding: 8px 5px;
+    background-color: #fff !important;
+}
+button.svelte-1tcem6n.svelte-1tcem6n:hover {
+    background-color: #de8fc2 !important;
 }
 .tab-container.svelte-1tcem6n.svelte-1tcem6n:after {
     content: "";
@@ -185,6 +190,7 @@ div[class*="gradio-container"]  .prose th {
 
 
 div[class*="gradio-container"]  .prose table {
+    color:#000 !important;
     border-top: 2px solid #dca02a !important;
     border-bottom: 2px solid #dca02a !important;
     margin-bottom:20px;
@@ -220,6 +226,7 @@ div[class*="gradio-container"]  .prose td {
     padding: 8px 5px;
     border: 0 !important;
     vertical-align: middle;
+    color:#000 !important;
 }
 div[class*="gradio-container"]  .prose th:first-child,
 div[class*="gradio-container"]  .prose td:first-child {
@@ -264,18 +271,15 @@ div[class*="gradio-container"]  .prose td:not(:first-child) {
     text-align: center;
 }
 
-
-
-html.dark .content-card {
-    background-color: #fff !important;
-     color: #000 !important;
+div[class*="gradio-container"] .md :not(pre)>code
+ {
+    background: #fcbb99 !important;
+    border: 1px solid #763412 !important;
 }
-
-div[class*="gradio-container"]  .prose * {
+div[class*="gradio-container"] .md *
+{
     color: #000 !important;
-    background-color: #fff !important;
 }
-
 """
 
 introduction_text = """