Update style.css

style.css

@@ -4,12 +4,12 @@
 }
 
 [data-testid="stHeader"] {
-    display: none; /* Hide default Streamlit header if you want a cleaner look */
+    display: none; /* Hide default Streamlit header */
 }
 
 /* 2) Main heading (H1) styling */
 h1 {
-    color: #000000;
+    color: #000000; /* Black title */
     font-weight: 700;
     font-size: 2.5rem; /* Adjust size as needed */
     margin-bottom: 1rem;
@@ -25,57 +25,58 @@ h1 {
 
 /* The background box behind the icon */
 .icon-box {
-    background-color: #FFD24C;  /* Gold/yellow */
+    background-color: #E0E0E0;  /* Light gray box */
     width: 40px;
     height: 40px;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
-    color: #000000;
+    color: #000000; /* Black icon */
     font-size: 20px;
 }
 
 /* The text “How may I help you?” */
 .icon-text {
-    color: #000000; /* Black text for better contrast on white background */
+    color: #000000; /* Black text */
     font-size: 1.1rem;
     margin: 0;
 }
 
 /* 4) Subheading for “Add additional files here” */
 h4 {
-    color: #000000; /* Black text for better contrast */
+    color: #000000; /* Black text */
     font-weight: 400;
     margin-bottom: 0.5rem;
 }
 
 /* 5) Streamlit file uploader styling */
 [data-testid="stFileUploader"] {
-    background-color: #F5F5F5; /* Light gray for subtle contrast */
-    border: 1px solid #CCCCCC; /* Light border */
+    background-color: #E0E0E0; /* Light gray box */
+    border: 1px solid #B0B0B0; /* Slightly darker gray border */
     border-radius: 8px;
     padding: 1.2rem;
-    color: #000000;
+    color: #000000; /* Black text */
 }
 
 /* Uploader label text (the main “Drag and drop file here”) */
 [data-testid="stFileUploader"] label {
-    color: #000000;
+    color: #000000; /* Black text */
     font-size: 1rem;
     font-weight: 500;
 }
 
 /* The subtext (the smaller “Limit 200MB per file”) */
 [data-testid="stFileUploader"] .css-1f42894 {
-    color: #666666;  /* Medium gray for subtext */
+    color: #444444;  /* Dark gray for subtext */
     font-size: 0.9rem;
     margin-top: 0.4rem;
 }
 
 /* 6) Browse Files button */
 button[kind="secondary"] {
-    background-color: #444 !important;
-    color: #FFFFFF !important;
+    background-color: #E0E0E0 !important; /* Light gray button */
+    color: #000000 !important; /* Black text */
     border-radius: 8px !important;
+    border: 1px solid #B0B0B0 !important;
 }