Update style.css

style.css

@@ -1,6 +1,6 @@
 /* 1) Overall page background and removal of Streamlit header */
 [data-testid="stAppViewContainer"] {
-    background-color: #0E1117; /* Dark background similar to screenshot */
+    background-color: #FFFFFF; /* White background */
 }
 
 [data-testid="stHeader"] {
@@ -25,7 +25,7 @@ h1 {
 
 /* The background box behind the icon */
 .icon-box {
-    background-color: #FFD24C;  /* Similar to the gold/yellow in screenshot */
+    background-color: #FFD24C;  /* Gold/yellow */
     width: 40px;
     height: 40px;
     border-radius: 8px;
@@ -38,37 +38,37 @@ h1 {
 
 /* The text “How may I help you?” */
 .icon-text {
-    color: #FFFFFF;
+    color: #000000; /* Black text for better contrast on white background */
     font-size: 1.1rem;
     margin: 0;
 }
 
 /* 4) Subheading for “Add additional files here” */
 h4 {
-    color: #FFFFFF;
+    color: #000000; /* Black text for better contrast */
     font-weight: 400;
     margin-bottom: 0.5rem;
 }
 
 /* 5) Streamlit file uploader styling */
 [data-testid="stFileUploader"] {
-    background-color: #2E2E38;        /* Dark gray box background */
-    border: 1px solid #444;          /* Subtle border */
+    background-color: #F5F5F5; /* Light gray for subtle contrast */
+    border: 1px solid #CCCCCC; /* Light border */
     border-radius: 8px;
     padding: 1.2rem;
-    color: #FFFFFF;
+    color: #000000;
 }
 
 /* Uploader label text (the main “Drag and drop file here”) */
 [data-testid="stFileUploader"] label {
-    color: #FFFFFF;
+    color: #000000;
     font-size: 1rem;
     font-weight: 500;
 }
 
 /* The subtext (the smaller “Limit 200MB per file”) */
 [data-testid="stFileUploader"] .css-1f42894 {
-    color: #B4B4B4;  /* Lighter gray for subtext */
+    color: #666666;  /* Medium gray for subtext */
     font-size: 0.9rem;
     margin-top: 0.4rem;
 }