From a906ef026f4aabab208583b52dd7c96e0ea93ff4 Mon Sep 17 00:00:00 2001
From: Carlos Arias <hi@carlosarias.com>
Date: Fri, 24 Jul 2026 02:34:04 +0000
Subject: [PATCH] admin: fix white-on-white select dropdown in dark mode

Native <option> popups used the browser default (white) background; in dark
mode the var(--ink) text rendered near-white on it. Give the select a themed
background and style option explicitly. Fixes the Web Designer Page picker and
the project editor status dropdown.
---
 app/src/pages/admin/designer.astro      | 3 ++-
 app/src/pages/admin/projects/edit.astro | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/pages/admin/designer.astro b/app/src/pages/admin/designer.astro
index 041cd05..bb48000 100644
--- a/app/src/pages/admin/designer.astro
+++ b/app/src/pages/admin/designer.astro
@@ -78,9 +78,10 @@ const PAGES = [
     textarea { width:100%; border:1px solid var(--rule); background:transparent; border-radius:2px;
       padding:.6rem .7rem; font-size:.9rem; color:var(--ink); font-family:var(--sans); line-height:1.55; resize:vertical; }
     textarea:focus { outline:none; border-color:var(--seal); }
-    .sel select { width:100%; border:0; border-bottom:1px solid var(--rule); background:transparent;
+    .sel select { width:100%; border:0; border-bottom:1px solid var(--rule); background:var(--paper);
       padding:.5rem 0; font-size:.95rem; color:var(--ink); font-family:var(--sans); }
     .sel select:focus { outline:none; border-bottom-color:var(--seal); }
+    .sel select option { background:var(--paper); color:var(--ink); }
     .slug { display:flex; align-items:baseline; gap:.15rem; border-bottom:1px solid var(--rule); }
     .slug span { color:var(--ink4); font-family:var(--mono); }
     .slug input { border:0; }
diff --git a/app/src/pages/admin/projects/edit.astro b/app/src/pages/admin/projects/edit.astro
index 0432930..58a48ba 100644
--- a/app/src/pages/admin/projects/edit.astro
+++ b/app/src/pages/admin/projects/edit.astro
@@ -102,9 +102,10 @@ import AdminLayout from "../../../layouts/AdminLayout.astro";
       padding:.6rem .7rem; font-size:.9rem; color:var(--ink); font-family:var(--sans); line-height:1.55; resize:vertical; }
     textarea:focus { outline:none; border-color:var(--seal); }
     textarea.mono { font-family:var(--mono); font-size:.82rem; }
-    .sel select { width:100%; border:0; border-bottom:1px solid var(--rule); background:transparent;
+    .sel select { width:100%; border:0; border-bottom:1px solid var(--rule); background:var(--paper);
       padding:.5rem 0; font-size:.95rem; color:var(--ink); font-family:var(--sans); }
     .sel select:focus { outline:none; border-bottom-color:var(--seal); }
+    .sel select option { background:var(--paper); color:var(--ink); }
     .btn.sm { padding:.35rem .7rem; font-size:.7rem; }
     .rows { display:flex; flex-direction:column; gap:.6rem; }
     .row { display:flex; gap:.6rem; align-items:center; }