Fix dropdown theming to match dark theme

This commit is contained in:
copilot-swe-agent[bot] 2026-07-02 16:28:49 +00:00 committed by GitHub
parent 63c46b508f
commit 2c20d591e0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -56,7 +56,8 @@ label {
color: var(--muted); color: var(--muted);
} }
input { input,
select {
width: 100%; width: 100%;
padding: 10px 12px; padding: 10px 12px;
margin-bottom: 16px; margin-bottom: 16px;
@ -67,7 +68,24 @@ input {
font-size: 14px; font-size: 14px;
} }
input:focus { select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
padding-right: 32px;
}
select option {
background: var(--panel);
color: var(--text);
}
input:focus,
select:focus {
outline: none; outline: none;
border-color: var(--accent); border-color: var(--accent);
} }
@ -285,6 +303,10 @@ button.danger {
padding: 6px 8px; padding: 6px 8px;
} }
.reader-card .field select {
padding-right: 28px;
}
.reader-card .actions { .reader-card .actions {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;