Update app.py

app.py

@@ -41,7 +41,6 @@ st.set_page_config(
 st.markdown("""
 <style>
 /* 0. FORCE DARK THEME (OVERRIDES LIGHT MODE) */
-/* This forces the app background and text to always look dark */
 [data-testid="stAppViewContainer"] {
     background-color: #0e1117;
     color: #fafafa;
@@ -51,7 +50,7 @@ st.markdown("""
     color: #fafafa;
 }
 /* Force text colors for standard elements */
-p, h1, h2, h3, h4, h5, h6, li, span {
+p, h1, h2, h3, h4, h5, h6, li, span, div, label {
     color: #fafafa !important;
 }
 
@@ -60,7 +59,7 @@ html, body {
     overflow: hidden;
     height: 100%;
     margin: 0;
-    background-color: #0e1117 !important; /* Fallback */
+    background-color: #0e1117 !important;
 }
 
 /* 2. HIDE DEFAULT STREAMLIT ELEMENTS & SIDEBAR TOGGLES */
@@ -135,8 +134,8 @@ section[data-testid="stSidebar"] > div > div:first-child {
     border-radius: 8px;
     font-weight: 600;
     margin-bottom: 6px;
-    background-color: #2d3748; /* Force dark button bg */
-    color: white; /* Force white text */
+    background-color: #2d3748; 
+    color: white; 
     border: 1px solid #4a5568;
 }
 [data-testid="stSidebar"] .stButton button:hover {
@@ -145,10 +144,26 @@ section[data-testid="stSidebar"] > div > div:first-child {
     color: white;
 }
 
-/* 7. HIDE UPLOADED FILE LIST & NAME */
-[data-testid='stFileUploaderFile'] {
-    display: none;
+/* 7. UPLOADED FILE FIXES (FORCE DARK DROPDOWN) */
+/* This fixes the white box issue seen in your screenshot */
+[data-testid="stFileUploader"] {
+    background-color: #262730; /* Dark background matching sidebar */
+    border-radius: 10px;
+    padding: 10px;
+}
+[data-testid="stFileUploader"] section {
+    background-color: #262730 !important;
+    color: #fafafa !important;
+}
+[data-testid="stFileUploader"] button {
+    color: #fafafa !important; /* Browse files button text */
+    border-color: #4a5568 !important;
+}
+[data-testid="stFileUploader"] .uploadedFile {
+    background-color: #2d3748 !important;
+    color: white !important;
 }
+/* Hiding file list details if needed, but keeping the uploader visible */
 section[data-testid="stFileUploader"] ul {
     display: none;
 }
@@ -185,7 +200,7 @@ section[data-testid="stFileUploader"] small {
     font-weight: 800;
     margin: 0;
     line-height: 1.2;
-    color: #ffffff !important; /* Ensure white text */
+    color: #ffffff !important; 
 }
 .creator-text {
     font-size: 1rem;
@@ -202,7 +217,6 @@ section[data-testid="stFileUploader"] small {
     border: none;
     padding: 0;
 }
-/* Force text input to look dark */
 [data-testid="stTextInput"] input {
     color: white;
     background-color: #2d3748;