fix: align admin controls with dark theme

codai/admin/static/style.css

@@ -20,10 +20,15 @@
 }
 
 *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
-html{scroll-behavior:smooth}
+html{scroll-behavior:smooth;scrollbar-color:var(--border-2) var(--nav)}
 body{font-family:var(--font);font-size:14px;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}
 a{color:inherit;text-decoration:none}
-button,input,select,textarea{font-family:inherit}
+button,input,select,textarea{font-family:inherit;color-scheme:dark}
+body,.table-wrap,.modal-box,.chat-messages,.studio .model-list,.studio .chat-msgs,.studio .gen-ctrl,.studio .gen-out,.studio .pipe-panel{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}
+*::-webkit-scrollbar{width:10px;height:10px}
+*::-webkit-scrollbar-track{background:transparent}
+*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
+*::-webkit-scrollbar-thumb:hover{background:#363b4f;border:2px solid transparent;background-clip:padding-box}
 
 /* ── Topnav ──────────────────────────────────────────────────────── */
 .topnav{
@@ -135,11 +140,15 @@ button,input,select,textarea{font-family:inherit}
 }
 .form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
 .form-input::placeholder{color:var(--text-3)}
+select.form-input,
+textarea.form-input{background:var(--raised);color:var(--text)}
 select.form-input{
   cursor:pointer;appearance:none;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M0 0l5 5 5-5z' fill='%23363A4D'/%3E%3C/svg%3E");
   background-repeat:no-repeat;background-position:right .75rem center;background-size:8px;padding-right:2rem;
 }
+select.form-input option,
+select.form-input optgroup{background:var(--raised);color:var(--text)}
 .form-hint{font-size:11.5px;color:var(--text-3);margin-top:.25rem}
 .form-actions{display:flex;gap:.5rem;margin-top:1.25rem;align-items:center}
 

codai/admin/templates/chat.html

@@ -120,9 +120,10 @@
 .progress { font-size:11px; color:var(--text-3); min-height:14px; }
 .fi, .fs, .fselect { background:var(--surface-2); border:1px solid var(--border); border-radius:5px;
   color:var(--text-1); padding:.38rem .6rem; font-size:13px; font-family:inherit;
-  outline:none; width:100%; box-sizing:border-box; }
+  outline:none; width:100%; box-sizing:border-box; color-scheme:dark; }
 .fs { resize:vertical; min-height:70px; }
 .fselect { appearance:auto; }
+.fselect option, .fselect optgroup { background:var(--surface-2); color:var(--text-1); }
 .g2 { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
 .g3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:.5rem; }
 .frow { display:flex; flex-direction:column; gap:.15rem; }