Spaces:
Sleeping
Sleeping
kz110AIPI commited on
Commit ·
1aa0999
1
Parent(s): 0fe28e9
Improve app input contrast
Browse files- src/campus_triage/app.py +26 -4
src/campus_triage/app.py
CHANGED
|
@@ -151,7 +151,8 @@ CUSTOM_CSS = """
|
|
| 151 |
padding-top: .8rem;
|
| 152 |
}
|
| 153 |
textarea, .stTextArea textarea {
|
| 154 |
-
color: #
|
|
|
|
| 155 |
background-color: #ffffff !important;
|
| 156 |
border: 1px solid #94a3b8 !important;
|
| 157 |
border-radius: 8px !important;
|
|
@@ -159,20 +160,41 @@ CUSTOM_CSS = """
|
|
| 159 |
font-size: 1rem !important;
|
| 160 |
line-height: 1.45 !important;
|
| 161 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 162 |
.stTextArea textarea:focus {
|
| 163 |
border-color: #0f766e !important;
|
| 164 |
box-shadow: 0 0 0 3px rgba(15, 118, 110, .16) !important;
|
| 165 |
}
|
| 166 |
-
div[data-testid="stSelectbox"] div { color: #
|
| 167 |
.stButton > button {
|
| 168 |
border-radius: 8px !important;
|
| 169 |
font-weight: 850 !important;
|
| 170 |
-
border: 1px solid #
|
| 171 |
min-height: 2.75rem;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 172 |
}
|
| 173 |
.stButton > button[kind="primary"] {
|
| 174 |
background: #0f766e !important;
|
| 175 |
-
color:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 176 |
}
|
| 177 |
@media (max-width: 800px) {
|
| 178 |
.status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
|
|
| 151 |
padding-top: .8rem;
|
| 152 |
}
|
| 153 |
textarea, .stTextArea textarea {
|
| 154 |
+
color: #0f172a !important;
|
| 155 |
+
-webkit-text-fill-color: #0f172a !important;
|
| 156 |
background-color: #ffffff !important;
|
| 157 |
border: 1px solid #94a3b8 !important;
|
| 158 |
border-radius: 8px !important;
|
|
|
|
| 160 |
font-size: 1rem !important;
|
| 161 |
line-height: 1.45 !important;
|
| 162 |
}
|
| 163 |
+
.stTextArea textarea::placeholder {
|
| 164 |
+
color: #64748b !important;
|
| 165 |
+
-webkit-text-fill-color: #64748b !important;
|
| 166 |
+
}
|
| 167 |
.stTextArea textarea:focus {
|
| 168 |
border-color: #0f766e !important;
|
| 169 |
box-shadow: 0 0 0 3px rgba(15, 118, 110, .16) !important;
|
| 170 |
}
|
| 171 |
+
div[data-testid="stSelectbox"] div { color: #0f172a; }
|
| 172 |
.stButton > button {
|
| 173 |
border-radius: 8px !important;
|
| 174 |
font-weight: 850 !important;
|
| 175 |
+
border: 1px solid #cbd5e1 !important;
|
| 176 |
min-height: 2.75rem;
|
| 177 |
+
background: #f8fafc !important;
|
| 178 |
+
color: #0f172a !important;
|
| 179 |
+
-webkit-text-fill-color: #0f172a !important;
|
| 180 |
+
}
|
| 181 |
+
.stButton > button:hover {
|
| 182 |
+
background: #e0f2fe !important;
|
| 183 |
+
border-color: #0284c7 !important;
|
| 184 |
+
color: #075985 !important;
|
| 185 |
+
-webkit-text-fill-color: #075985 !important;
|
| 186 |
}
|
| 187 |
.stButton > button[kind="primary"] {
|
| 188 |
background: #0f766e !important;
|
| 189 |
+
border-color: #0f766e !important;
|
| 190 |
+
color: #ffffff !important;
|
| 191 |
+
-webkit-text-fill-color: #ffffff !important;
|
| 192 |
+
}
|
| 193 |
+
.stButton > button[kind="primary"]:hover {
|
| 194 |
+
background: #115e59 !important;
|
| 195 |
+
border-color: #115e59 !important;
|
| 196 |
+
color: #ffffff !important;
|
| 197 |
+
-webkit-text-fill-color: #ffffff !important;
|
| 198 |
}
|
| 199 |
@media (max-width: 800px) {
|
| 200 |
.status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|