+1 -1

src/components/navbar.tsx

··· 68 68 <span 69 69 classList={{ 70 70 "iconify shrink-0 transition-colors duration-200": true, 71 71 - "lucide--alert-triangle text-red-500 dark:text-red-400": 71 71 + "lucide--unplug text-red-500 dark:text-red-400": 72 72 pds() === "Missing PDS" && props.params.repo?.startsWith("did:"), 73 73 "lucide--hard-drive text-neutral-500 group-hover:text-neutral-700 dark:text-neutral-400 dark:group-hover:text-neutral-200": 74 74 pds() !== "Missing PDS" || !props.params.repo?.startsWith("did:"),

+19 -7

src/views/pds.tsx

··· 79 79 </span> 80 80 <Show when={!repo.active}> 81 81 <span class="flex shrink-0 items-center gap-1 text-red-500 dark:text-red-400"> 82 82 - <span class="iconify lucide--unplug"></span> 82 82 + <span 83 83 + class={`iconify ${ 84 84 + repo.status === "deactivated" ? "lucide--user-round-x" 85 85 + : repo.status === "takendown" ? "lucide--shield-ban" 86 86 + : "lucide--unplug" 87 87 + }`} 88 88 + ></span> 83 89 {repo.status ?? "inactive"} 84 90 </span> 85 91 </Show> ··· 145 151 <For each={repos()}>{(repo) => <RepoCard {...repo} />}</For> 146 152 </div> 147 153 </Show> 148 148 - <div class="flex flex-col gap-2"> 154 154 + <div class="flex flex-col gap-3"> 149 155 <Show when={location.hash === "#info"}> 150 156 <Show when={version()}> 151 157 {(version) => ( ··· 160 166 <> 161 167 <div class="flex flex-col"> 162 168 <span class="font-semibold">DID</span> 163 163 - <span class="text-sm">{server().did}</span> 169 169 + <span class="text-sm text-neutral-700 dark:text-neutral-300"> 170 170 + {server().did} 171 171 + </span> 164 172 </div> 165 173 <div class="flex items-center gap-1"> 166 174 <span class="font-semibold">Invite Code Required</span> ··· 183 191 <div class="flex flex-col"> 184 192 <span class="font-semibold">Available User Domains</span> 185 193 <For each={server().availableUserDomains}> 186 186 - {(domain) => <span class="text-sm wrap-anywhere">{domain}</span>} 194 194 + {(domain) => ( 195 195 + <span class="text-sm wrap-anywhere text-neutral-700 dark:text-neutral-300"> 196 196 + {domain} 197 197 + </span> 198 198 + )} 187 199 </For> 188 200 </div> 189 201 </Show> ··· 192 204 <span class="font-semibold">Privacy Policy</span> 193 205 <a 194 206 href={server().links?.privacyPolicy} 195 195 - class="text-sm hover:underline" 207 207 + class="text-sm text-neutral-700 hover:underline dark:text-neutral-300" 196 208 target="_blank" 197 209 rel="noopener" 198 210 > ··· 205 217 <span class="font-semibold">Terms of Service</span> 206 218 <a 207 219 href={server().links?.termsOfService} 208 208 - class="text-sm hover:underline" 220 220 + class="text-sm text-neutral-700 hover:underline dark:text-neutral-300" 209 221 target="_blank" 210 222 rel="noopener" 211 223 > ··· 218 230 <span class="font-semibold">Contact</span> 219 231 <a 220 232 href={`mailto:${server().contact?.email}`} 221 221 - class="text-sm hover:underline" 233 233 + class="text-sm text-neutral-700 hover:underline dark:text-neutral-300" 222 234 > 223 235 {server().contact?.email} 224 236 </a>

+8 -3

src/views/record.tsx

··· 509 509 </ErrorBoundary> 510 510 </Show> 511 511 <Show when={location.hash === "#info"}> 512 512 - <div class="flex w-full flex-col gap-2 px-2 text-sm"> 512 512 + <div class="flex w-full flex-col gap-3 px-2"> 513 513 <div> 514 514 <p class="font-semibold">AT URI</p> 515 515 - <div class="truncate text-xs">{record()?.uri}</div> 515 515 + <div class="truncate text-xs text-neutral-700 dark:text-neutral-300"> 516 516 + {record()?.uri} 517 517 + </div> 516 518 </div> 517 519 <Show when={record()?.cid}> 518 520 <div> 519 521 <p class="font-semibold">CID</p> 520 520 - <div class="truncate text-left text-xs" dir="rtl"> 522 522 + <div 523 523 + class="truncate text-left text-xs text-neutral-700 dark:text-neutral-300" 524 524 + dir="rtl" 525 525 + > 521 526 {record()?.cid} 522 527 </div> 523 528 </div>

+8 -2

src/views/repo.tsx

··· 325 325 </div> 326 326 <div class="flex gap-1"> 327 327 <Show when={error() && error() !== "Missing PDS"}> 328 328 - <div class="flex items-center gap-1 font-medium text-red-500 dark:text-red-400"> 329 329 - <span class="iconify lucide--alert-triangle"></span> 328 328 + <div class="flex items-center gap-1.5 rounded-md border border-red-500 px-2 py-0.5 text-xs font-medium text-red-500 sm:text-sm dark:border-red-400 dark:text-red-400"> 329 329 + <span 330 330 + class={`iconify ${ 331 331 + error() === "Deactivated" ? "lucide--user-round-x" 332 332 + : error() === "Takendown" ? "lucide--shield-ban" 333 333 + : "lucide--unplug" 334 334 + }`} 335 335 + ></span> 330 336 <span>{error()}</span> 331 337 </div> 332 338 </Show>