Create style.css

style.css

@@ -0,0 +1,81 @@
+/* 1) Overall page background and removal of Streamlit header */
+[data-testid="stAppViewContainer"] {
+    background-color: #0E1117; /* Dark background similar to screenshot */
+}
+
+[data-testid="stHeader"] {
+    display: none; /* Hide default Streamlit header if you want a cleaner look */
+}
+
+/* 2) Main heading (H1) styling */
+h1 {
+    color: #FFFFFF;
+    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: #FFD24C;  /* Similar to the gold/yellow in screenshot */
+    width: 40px;
+    height: 40px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #000000;
+    font-size: 20px;
+}
+
+/* The text “How may I help you?” */
+.icon-text {
+    color: #FFFFFF;
+    font-size: 1.1rem;
+    margin: 0;
+}
+
+/* 4) Subheading for “Add additional files here” */
+h4 {
+    color: #FFFFFF;
+    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 */
+    border-radius: 8px;
+    padding: 1.2rem;
+    color: #FFFFFF;
+}
+
+/* Uploader label text (the main “Drag and drop file here”) */
+[data-testid="stFileUploader"] label {
+    color: #FFFFFF;
+    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 */
+    font-size: 0.9rem;
+    margin-top: 0.4rem;
+}
+
+/* 6) Browse Files button */
+button[kind="secondary"] {
+    background-color: #444 !important;
+    color: #FFFFFF !important;
+    border-radius: 8px !important;
+}