/* 1) Overall page background and removal of Streamlit header */ [data-testid="stAppViewContainer"] { background-color: #FFFFFF; /* White background */ } [data-testid="stHeader"] { display: none; /* Hide default Streamlit header */ } /* 2) Main heading (H1) styling */ h1 { color: #000000; /* Black title */ font-weight: 700; font-size: 2.5rem; /* Adjust size as needed */ margin-bottom: 1rem; } /* 3) Icon + text container for “How may I help you?” */ .icon-container { display: flex; align-items: center; gap: 10px; margin-bottom: 1rem; } /* The background box behind the icon */ .icon-box { background-color: #E0E0E0; /* Light gray box */ width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #000000; /* Black icon */ font-size: 20px; } /* The text “How may I help you?” */ .icon-text { color: #000000; /* Black text */ font-size: 1.1rem; margin: 0; } /* 4) Subheading for “Add additional files here” */ h4 { color: #000000; /* Black text */ font-weight: 400; margin-bottom: 0.5rem; } /* 5) Streamlit file uploader styling */ [data-testid="stFileUploader"] { background-color: #E0E0E0; /* Light gray box */ border: 1px solid #B0B0B0; /* Slightly darker gray border */ border-radius: 8px; padding: 1.2rem; color: #000000; /* Black text */ } /* Uploader label text (the main “Drag and drop file here”) */ [data-testid="stFileUploader"] label { color: #000000; /* Black text */ font-size: 1rem; font-weight: 500; } /* The subtext (the smaller “Limit 200MB per file”) */ [data-testid="stFileUploader"] .css-1f42894 { color: #444444; /* Dark gray for subtext */ font-size: 0.9rem; margin-top: 0.4rem; } /* 6) Browse Files button */ button[kind="secondary"] { background-color: #E0E0E0 !important; /* Light gray button */ color: #000000 !important; /* Black text */ border-radius: 8px !important; border: 1px solid #B0B0B0 !important; }