+1 -1

src/components/account.tsx

··· 68 68 return ( 69 69 <> 70 70 <Modal open={openManager()} onClose={() => setOpenManager(false)}> 71 71 - <div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 w-22rem dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-100"> 71 71 + <div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 w-22rem dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200"> 72 72 <div class="mb-2 flex items-center gap-1 font-bold"> 73 73 <div class="i-lucide-user-round" /> 74 74 <span>Manage accounts</span>

+2 -2

src/components/create.tsx

··· 173 173 return ( 174 174 <> 175 175 <Modal open={openDialog()} onClose={() => setOpenDialog(false)}> 176 176 - <div class="w-22rem sm:w-xl lg:w-48rem starting:opacity-0 dark:bg-dark-800/70 left-50% backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-2 text-neutral-900 shadow-md transition-opacity duration-300 sm:p-4 dark:border-neutral-700 dark:text-neutral-100"> 176 176 + <div class="w-22rem sm:w-xl lg:w-48rem starting:opacity-0 dark:bg-dark-800/70 left-50% backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-2 text-neutral-900 shadow-md transition-opacity duration-300 sm:p-4 dark:border-neutral-700 dark:text-neutral-200"> 177 177 <div class="mb-2 flex w-full justify-between"> 178 178 <div class="flex items-center gap-1 font-bold"> 179 179 <div class="i-lucide-square-pen" /> ··· 212 212 <select 213 213 name="validate" 214 214 id="validate" 215 215 - class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-1 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-100" 215 215 + class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-1 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200" 216 216 > 217 217 <option value="unset">Unset</option> 218 218 <option value="true">True</option>

+1 -1

src/components/search.tsx

··· 55 55 </label> 56 56 </div> 57 57 <div class="flex w-full items-center gap-2"> 58 58 - <div class="dark:bg-dark-100 focus-within:outline-1.5 dark:shadow-dark-900/80 flex grow items-center gap-2 rounded-lg bg-white px-2 py-1 shadow-sm focus-within:outline-neutral-900 dark:focus-within:outline-neutral-100"> 58 58 + <div class="dark:bg-dark-100 focus-within:outline-1.5 dark:shadow-dark-900/80 flex grow items-center gap-2 rounded-lg bg-white px-2 py-1 shadow-sm focus-within:outline-neutral-900 dark:focus-within:outline-neutral-200"> 59 59 <input 60 60 type="text" 61 61 spellcheck={false}

+1 -1

src/components/settings.tsx

··· 53 53 return ( 54 54 <> 55 55 <Modal open={openSettings()} onClose={() => setOpenSettings(false)}> 56 56 - <div class="starting:opacity-0 w-22rem dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-100"> 56 56 + <div class="starting:opacity-0 w-22rem dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200"> 57 57 <div class="mb-3 flex items-center gap-1 font-bold"> 58 58 <div class="i-lucide-settings" /> 59 59 <span>Settings</span>

+1 -1

src/components/text-input.tsx

··· 25 25 disabled={props.disabled} 26 26 required={props.required} 27 27 class={ 28 28 - "dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-100 " + 28 28 + "dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200 " + 29 29 props.class 30 30 } 31 31 onInput={props.onInput}

+1 -1

src/components/tooltip.tsx

··· 8 8 <Show when={!isTouchDevice}> 9 9 <span 10 10 style={`transform: translate(-50%, 28px)`} 11 11 - class={`left-50% border-0.5 dark:shadow-dark-900/80 pointer-events-none absolute z-10 hidden min-w-fit select-none whitespace-nowrap rounded border-neutral-300 bg-white p-1 text-center font-sans text-xs text-neutral-900 shadow-md group-hover/tooltip:inline dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-100`} 11 11 + class={`left-50% border-0.5 dark:shadow-dark-900/80 pointer-events-none absolute z-10 hidden min-w-fit select-none whitespace-nowrap rounded border-neutral-300 bg-white p-1 text-center font-sans text-xs text-neutral-900 shadow-md group-hover/tooltip:inline dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-200`} 12 12 > 13 13 {props.text} 14 14 </span>

+1 -1

src/layout.tsx

··· 30 30 }); 31 31 32 32 return ( 33 33 - <div id="main" class="m-4 flex flex-col items-center text-neutral-900 dark:text-neutral-100"> 33 33 + <div id="main" class="m-4 flex flex-col items-center text-neutral-900 dark:text-neutral-200"> 34 34 <MetaProvider> 35 35 <Show when={location.pathname !== "/"}> 36 36 <Meta name="robots" content="noindex, nofollow" />

+1 -1

src/views/labels.tsx

··· 73 73 spellcheck={false} 74 74 rows={3} 75 75 value={searchParams.uriPatterns ?? "*"} 76 76 - class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 mb-1 grow rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-100" 76 76 + class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 mb-1 grow rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200" 77 77 /> 78 78 <div class="flex justify-center"> 79 79 <Show when={!response.loading}>

+2 -2

src/views/record.tsx

··· 135 135 </button> 136 136 </Tooltip> 137 137 <Modal open={openDelete()} onClose={() => setOpenDelete(false)}> 138 138 - <div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% top-70 absolute -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-100"> 138 138 + <div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% top-70 absolute -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200"> 139 139 <h2 class="mb-2 font-bold">Delete this record?</h2> 140 140 <div class="flex justify-end gap-2"> 141 141 <Button onClick={() => setOpenDelete(false)}>Cancel</Button> 142 142 <Button 143 143 onClick={deleteRecord} 144 144 - class="dark:shadow-dark-900/80 rounded-lg bg-red-500 px-2 py-1.5 text-xs font-bold text-neutral-100 shadow-sm hover:bg-red-400" 144 144 + class="dark:shadow-dark-900/80 rounded-lg bg-red-500 px-2 py-1.5 text-xs font-bold text-neutral-200 shadow-sm hover:bg-red-400" 145 145 > 146 146 Delete 147 147 </Button>

+1 -1

src/views/repo.tsx

··· 37 37 onclick={() => setActivePlcEvent(activePlcEvent() === props.event ? undefined : props.event)} 38 38 > 39 39 <div 40 40 - class={`${props.icon} text-xl ${activePlcEvent() === props.event ? "text-neutral-100 dark:text-neutral-900" : ""}`} 40 40 + class={`${props.icon} text-xl ${activePlcEvent() === props.event ? "text-neutral-200 dark:text-neutral-900" : ""}`} 41 41 /> 42 42 </button> 43 43 );

+2 -2

src/views/stream.tsx

··· 179 179 spellcheck={false} 180 180 placeholder="Comma-separated list of collections" 181 181 value={searchParams.collections ?? ""} 182 182 - class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-100" 182 182 + class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200" 183 183 /> 184 184 </label> 185 185 </Show> ··· 191 191 spellcheck={false} 192 192 placeholder="Comma-separated list of DIDs" 193 193 value={searchParams.dids ?? ""} 194 194 - class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-100" 194 194 + class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200" 195 195 /> 196 196 </label> 197 197 </Show>