From da196707cfdd076144a83e14d47daa0af239242e Mon Sep 17 00:00:00 2001
From: oobabooga <112222186+oobabooga@users.noreply.github.com>
Date: Thu, 27 Jun 2024 20:47:42 -0700
Subject: [PATCH] UI: improve the light theme a bit

---
 css/html_instruct_style.css | 2 +-
 css/main.css                | 4 ++--
 modules/ui.py               | 5 +++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/css/html_instruct_style.css b/css/html_instruct_style.css
index bdf68aad..8a31d6e2 100644
--- a/css/html_instruct_style.css
+++ b/css/html_instruct_style.css
@@ -49,7 +49,7 @@
 
 .gradio-container .chat .assistant-message {
     padding: 20px;
-    background: var(--color-grey-200);
+    background: #f4f4f4;
     margin-top: 9px !important;
     margin-bottom: 12px !important;
     border-radius: 7px;
diff --git a/css/main.css b/css/main.css
index 498b3c6c..d226a878 100644
--- a/css/main.css
+++ b/css/main.css
@@ -95,7 +95,7 @@ gradio-app > :first-child {
 }
 
 .header_bar {
-    background-color: #f7f7f7;
+    background-color: #f4f4f4;
     box-shadow: 0 0 3px rgba(22 22 22 / 35%);
     margin-bottom: 0;
     overflow-x: scroll;
@@ -510,7 +510,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 #show-controls {
     position: absolute;
     height: 100%;
-    background-color: var(--background-fill-primary);
+    background-color: transparent;
     border: 0 !important;
     border-radius: 0;
 }
diff --git a/modules/ui.py b/modules/ui.py
index c20a7888..b9267833 100644
--- a/modules/ui.py
+++ b/modules/ui.py
@@ -43,6 +43,11 @@ theme = gr.themes.Default(
     body_text_color_subdued='#484848',
     background_fill_secondary='#eaeaea',
     background_fill_primary='var(--neutral-50)',
+    body_background_fill="white",
+    block_background_fill="#f4f4f4",
+    body_text_color="#333",
+    button_secondary_background_fill="#f4f4f4",
+    button_secondary_border_color="var(--border-color-primary)"
 )
 
 if Path("notification.mp3").exists():