From d7f1afb6ecdf5bc05e190fa0f7b6ce5758aff847 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Fri, 10 Oct 2025 20:22:46 +0200
Subject: [PATCH] fix dark mode border input

---
 src/components/create.tsx     | 2 +-
 src/components/login.tsx      | 2 +-
 src/components/search.tsx     | 2 +-
 src/components/text-input.tsx | 2 +-
 src/views/labels.tsx          | 2 +-
 src/views/stream.tsx          | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/create.tsx b/src/components/create.tsx
index 47e990f..ff07327 100644
--- a/src/components/create.tsx
+++ b/src/components/create.tsx
@@ -277,7 +277,7 @@ export const RecordEditor = (props: { create: boolean; record?: any; refetch?: a
                 <select
                   name="validate"
                   id="validate"
-                  class="dark:bg-dark-100 dark:shadow-dark-800 rounded-lg border-[0.5px] border-neutral-300 bg-white px-1 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-700 dark:focus:outline-neutral-400"
+                  class="dark:bg-dark-100 dark:shadow-dark-800 rounded-lg border-[0.5px] border-neutral-300 bg-white px-1 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"
                 >
                   <option value="unset">Unset</option>
                   <option value="true">True</option>
diff --git a/src/components/login.tsx b/src/components/login.tsx
index 2ced4e2..eb3e03c 100644
--- a/src/components/login.tsx
+++ b/src/components/login.tsx
@@ -61,7 +61,7 @@ const Login = () => {
         <label for="handle" class="hidden">
           Add account
         </label>
-        <div class="dark:bg-dark-100 dark:shadow-dark-800 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-700 dark:focus-within:outline-neutral-400">
+        <div class="dark:bg-dark-100 dark:shadow-dark-800 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">
           <label
             for="handle"
             class="iconify lucide--user-round-plus text-neutral-500 dark:text-neutral-400"
diff --git a/src/components/search.tsx b/src/components/search.tsx
index 5faef0f..4c2a9ce 100644
--- a/src/components/search.tsx
+++ b/src/components/search.tsx
@@ -99,7 +99,7 @@ const Search = () => {
       <label for="input" class="hidden">
         PDS URL, AT URI, or handle
       </label>
-      <div class="dark:bg-dark-100 dark:shadow-dark-800 flex items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-700 dark:focus-within:outline-neutral-400">
+      <div class="dark:bg-dark-100 dark:shadow-dark-800 flex items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">
         <label
           for="input"
           class="iconify lucide--search text-neutral-500 dark:text-neutral-400"
diff --git a/src/components/text-input.tsx b/src/components/text-input.tsx
index a3890de..5ac37f0 100644
--- a/src/components/text-input.tsx
+++ b/src/components/text-input.tsx
@@ -25,7 +25,7 @@ export const TextInput = (props: TextInputProps) => {
       disabled={props.disabled}
       required={props.required}
       class={
-        "dark:bg-dark-100 dark:shadow-dark-800 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs select-none placeholder:text-sm focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-700 dark:focus:outline-neutral-400 " +
+        "dark:bg-dark-100 dark:shadow-dark-800 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs select-none placeholder:text-sm focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400 " +
         props.class
       }
       onInput={props.onInput}
diff --git a/src/views/labels.tsx b/src/views/labels.tsx
index c5c24bc..5706e07 100644
--- a/src/views/labels.tsx
+++ b/src/views/labels.tsx
@@ -78,7 +78,7 @@ const LabelView = () => {
             spellcheck={false}
             rows={3}
             value={searchParams.uriPatterns ?? "*"}
-            class="dark:bg-dark-100 dark:shadow-dark-800 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-700 dark:focus:outline-neutral-400"
+            class="dark:bg-dark-100 dark:shadow-dark-800 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"
           />
           <div class="flex justify-center">
             <Show when={!response.loading}>
diff --git a/src/views/stream.tsx b/src/views/stream.tsx
index 486d2f5..00a0c1a 100644
--- a/src/views/stream.tsx
+++ b/src/views/stream.tsx
@@ -183,7 +183,7 @@ const StreamView = () => {
                   spellcheck={false}
                   placeholder="Comma-separated list of collections"
                   value={searchParams.collections ?? ""}
-                  class="dark:bg-dark-100 dark:shadow-dark-800 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-700 dark:focus:outline-neutral-400"
+                  class="dark:bg-dark-100 dark:shadow-dark-800 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"
                 />
               </label>
             </Show>
@@ -195,7 +195,7 @@ const StreamView = () => {
                   spellcheck={false}
                   placeholder="Comma-separated list of DIDs"
                   value={searchParams.dids ?? ""}
-                  class="dark:bg-dark-100 dark:shadow-dark-800 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-700 dark:focus:outline-neutral-400"
+                  class="dark:bg-dark-100 dark:shadow-dark-800 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"
                 />
               </label>
             </Show>
-- 
2.51.2