Spaces:
Sleeping
Sleeping
File size: 1,985 Bytes
e26f6e6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
/* 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;
}
|