From 2c20d591e0daedd24e92e6f9dfc8f18da116bd35 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 2 Jul 2026 16:28:49 +0000
Subject: [PATCH] Fix dropdown theming to match dark theme

---
 public/css/style.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index bb75912..ea5410b 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -56,7 +56,8 @@ label {
 	color: var(--muted);
 }
 
-input {
+input,
+select {
 	width: 100%;
 	padding: 10px 12px;
 	margin-bottom: 16px;
@@ -67,7 +68,24 @@ input {
 	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;
 	border-color: var(--accent);
 }
@@ -285,6 +303,10 @@ button.danger {
 	padding: 6px 8px;
 }
 
+.reader-card .field select {
+	padding-right: 28px;
+}
+
 .reader-card .actions {
 	display: flex;
 	flex-wrap: wrap;