From 1df5e196323829ebdf40736f45330e4c77987f69 Mon Sep 17 00:00:00 2001
From: Aly Raffauf <aly@raffauflabs.com>
Date: Tue, 14 Apr 2026 23:00:54 -0400
Subject: [PATCH] web: improve contrast

---
 web/src/components/ActivityList.tsx            |  6 +++---
 web/src/components/BBSPanel.tsx                | 12 ++++++------
 web/src/components/DialBBS.tsx                 |  2 +-
 web/src/components/DiscoveryList.tsx           |  2 +-
 web/src/components/ErrorPage.tsx               |  2 +-
 web/src/components/Localtime.tsx               |  2 +-
 web/src/components/MyThreadList.tsx            | 12 ++++++------
 web/src/components/PinnedList.tsx              |  4 ++--
 web/src/components/form/BoardRowEditor.tsx     |  4 ++--
 web/src/components/form/ComposeForm.tsx        |  4 ++--
 web/src/components/form/FileChips.tsx          |  4 ++--
 web/src/components/layout/Footer.tsx           |  4 ++--
 web/src/components/layout/Header.tsx           |  4 ++--
 .../components/layout/HeaderBreadcrumbs.tsx    |  2 +-
 web/src/components/layout/MobileMenu.tsx       |  2 +-
 web/src/components/nav/ListLink.tsx            |  2 +-
 web/src/components/nav/PageNav.tsx             |  4 ++--
 web/src/components/nav/ThreadLink.tsx          |  4 ++--
 web/src/components/post/AttachmentLink.tsx     |  2 +-
 web/src/components/post/PostActions.tsx        |  4 ++--
 web/src/components/post/PostMeta.tsx           |  4 ++--
 web/src/components/post/ReplyCard.tsx          |  2 +-
 web/src/components/profile/EditProfile.tsx     |  8 ++++----
 web/src/components/profile/ViewProfile.tsx     | 12 ++++++------
 web/src/pages/BBS.tsx                          | 18 +++++++++---------
 web/src/pages/Board.tsx                        |  6 +++---
 web/src/pages/Dashboard.tsx                    | 12 ++++++------
 web/src/pages/LoggedOutHome.tsx                | 18 +++++++++---------
 web/src/pages/Login.tsx                        | 10 +++++-----
 web/src/pages/News.tsx                         |  2 +-
 web/src/pages/NotFound.tsx                     |  2 +-
 web/src/pages/OAuthCallback.tsx                |  2 +-
 web/src/pages/Profile.tsx                      |  4 ++--
 web/src/pages/SysopCreate.tsx                  |  2 +-
 web/src/pages/SysopEdit.tsx                    |  2 +-
 web/src/pages/SysopModerate.tsx                |  6 +++---
 web/src/pages/Thread.tsx                       |  4 ++--
 37 files changed, 98 insertions(+), 98 deletions(-)

diff --git a/web/src/components/ActivityList.tsx b/web/src/components/ActivityList.tsx
index 7633beb..8de2995 100644
--- a/web/src/components/ActivityList.tsx
+++ b/web/src/components/ActivityList.tsx
@@ -16,7 +16,7 @@ export default function ActivityList({ items, userHandle }: ActivityListProps) {
   const [shown, setShown] = useState(PAGE_SIZE);
 
   if (items.length === 0)
-    return <p className="text-neutral-500">No activity yet.</p>;
+    return <p className="text-neutral-400">No activity yet.</p>;
 
   return (
     <div>
@@ -31,7 +31,7 @@ export default function ActivityList({ items, userHandle }: ActivityListProps) {
             className="block border border-neutral-800/50 rounded p-4 mb-2 hover:bg-neutral-800"
           >
             <PostMeta handle={item.handle} createdAt={item.createdAt} />
-            <p className="text-xs text-neutral-500 mb-1">
+            <p className="text-xs text-neutral-400 mb-1">
               {item.type === "quote"
                 ? "quoted your reply"
                 : `on: ${item.threadTitle}`}
@@ -46,7 +46,7 @@ export default function ActivityList({ items, userHandle }: ActivityListProps) {
         <div className="mt-4 text-center">
           <button
             onClick={() => setShown((prev) => prev + PAGE_SIZE)}
-            className="text-neutral-500 hover:text-neutral-300"
+            className="text-neutral-400 hover:text-neutral-300"
           >
             show more
           </button>
diff --git a/web/src/components/BBSPanel.tsx b/web/src/components/BBSPanel.tsx
index 3e0a5bd..3f77688 100644
--- a/web/src/components/BBSPanel.tsx
+++ b/web/src/components/BBSPanel.tsx
@@ -14,7 +14,7 @@ export default function BBSPanel({ hasBBS, userHandle, onDelete }: BBSPanelProps
   if (!hasBBS) {
     return (
       <>
-        <p className="text-neutral-500 mb-4">
+        <p className="text-neutral-400 mb-4">
           You haven't set up a BBS yet.
         </p>
         <ActionLink to="/account/create">create a bbs</ActionLink>
@@ -26,22 +26,22 @@ export default function BBSPanel({ hasBBS, userHandle, onDelete }: BBSPanelProps
     <div className="grid grid-cols-2 gap-3 max-w-md">
       <Link to={`/bbs/${userHandle}`} className={cardStyle}>
         <div className="text-neutral-200 mb-1">Browse</div>
-        <div className="text-xs text-neutral-500">View your BBS.</div>
+        <div className="text-xs text-neutral-400">View your BBS.</div>
       </Link>
       <Link to="/account/edit" className={cardStyle}>
         <div className="text-neutral-200 mb-1">Edit</div>
-        <div className="text-xs text-neutral-500">Name, boards, intro.</div>
+        <div className="text-xs text-neutral-400">Name, boards, intro.</div>
       </Link>
       <Link to="/account/moderate" className={cardStyle}>
         <div className="text-neutral-200 mb-1">Moderate</div>
-        <div className="text-xs text-neutral-500">Bans and hidden posts.</div>
+        <div className="text-xs text-neutral-400">Bans and hidden posts.</div>
       </Link>
       <button
         onClick={onDelete}
         className="text-left bg-neutral-900 border border-neutral-800 rounded px-4 py-3 hover:border-red-900"
       >
-        <div className="text-neutral-500 mb-1">Delete</div>
-        <div className="text-xs text-neutral-600">Remove your BBS.</div>
+        <div className="text-neutral-400 mb-1">Delete</div>
+        <div className="text-xs text-neutral-400">Remove your BBS.</div>
       </button>
     </div>
   );
diff --git a/web/src/components/DialBBS.tsx b/web/src/components/DialBBS.tsx
index 86215bb..d62c5e0 100644
--- a/web/src/components/DialBBS.tsx
+++ b/web/src/components/DialBBS.tsx
@@ -123,7 +123,7 @@ export default function DialBBS({ discovered, suggestions }: DialBBSProps) {
               >
                 {entry.name}
                 {entry.name !== entry.handle && (
-                  <span className="text-neutral-500 ml-2">{entry.handle}</span>
+                  <span className="text-neutral-400 ml-2">{entry.handle}</span>
                 )}
               </Link>
             ))}
diff --git a/web/src/components/DiscoveryList.tsx b/web/src/components/DiscoveryList.tsx
index fc3a4fe..9abe6b2 100644
--- a/web/src/components/DiscoveryList.tsx
+++ b/web/src/components/DiscoveryList.tsx
@@ -14,7 +14,7 @@ export default function DiscoveryList({
 
   return (
     <div>
-      <p className="text-neutral-500 text-xs uppercase tracking-wide mb-3">
+      <p className="text-neutral-400 text-xs uppercase tracking-wide mb-3">
         or try one of these
       </p>
       <div className="space-y-1">
diff --git a/web/src/components/ErrorPage.tsx b/web/src/components/ErrorPage.tsx
index 11465eb..57dda43 100644
--- a/web/src/components/ErrorPage.tsx
+++ b/web/src/components/ErrorPage.tsx
@@ -28,7 +28,7 @@ export default function ErrorPage() {
   return (
     <div className="py-16 text-center">
       <h1 className="text-lg text-neutral-200 mb-2">{title}</h1>
-      {detail && <p className="text-neutral-500 mb-6">{detail}</p>}
+      {detail && <p className="text-neutral-400 mb-6">{detail}</p>}
       <ActionLink to="/">← back to home</ActionLink>
     </div>
   );
diff --git a/web/src/components/Localtime.tsx b/web/src/components/Localtime.tsx
index 363d29f..badfe42 100644
--- a/web/src/components/Localtime.tsx
+++ b/web/src/components/Localtime.tsx
@@ -3,7 +3,7 @@ import { formatFullDate, relativeDate } from "../lib/util";
 export default function Localtime({ iso }: { iso: string }) {
   if (!iso) return null;
   return (
-    <time className="text-xs text-neutral-500" title={formatFullDate(iso)}>
+    <time className="text-xs text-neutral-400" title={formatFullDate(iso)}>
       {relativeDate(iso)}
     </time>
   );
diff --git a/web/src/components/MyThreadList.tsx b/web/src/components/MyThreadList.tsx
index 9e2932b..8e17b05 100644
--- a/web/src/components/MyThreadList.tsx
+++ b/web/src/components/MyThreadList.tsx
@@ -13,7 +13,7 @@ export default function MyThreadList({ threads }: MyThreadListProps) {
   const [shown, setShown] = useState(PAGE_SIZE);
 
   if (threads.length === 0)
-    return <p className="text-neutral-500">You haven't posted any threads yet.</p>;
+    return <p className="text-neutral-400">You haven't posted any threads yet.</p>;
 
   return (
     <div>
@@ -28,18 +28,18 @@ export default function MyThreadList({ threads }: MyThreadListProps) {
           >
             <div className="flex items-baseline gap-2">
               <span className="text-neutral-200">{thread.title}</span>
-              <span className="text-neutral-600">·</span>
+              <span className="text-neutral-400">·</span>
               <time
-                className="text-xs text-neutral-500"
+                className="text-xs text-neutral-400"
                 title={formatFullDate(thread.createdAt)}
               >
                 {relativeDate(thread.createdAt)}
               </time>
             </div>
-            <p className="text-xs text-neutral-500 mt-1">
+            <p className="text-xs text-neutral-400 mt-1">
               on {thread.bbsHandle}
             </p>
-            <p className="text-neutral-500 text-sm line-clamp-2 mt-1">
+            <p className="text-neutral-400 text-sm line-clamp-2 mt-1">
               {thread.body.substring(0, 200)}
             </p>
           </Link>
@@ -49,7 +49,7 @@ export default function MyThreadList({ threads }: MyThreadListProps) {
         <div className="mt-4 text-center">
           <button
             onClick={() => setShown((prev) => prev + PAGE_SIZE)}
-            className="text-neutral-500 hover:text-neutral-300"
+            className="text-neutral-400 hover:text-neutral-300"
           >
             show more
           </button>
diff --git a/web/src/components/PinnedList.tsx b/web/src/components/PinnedList.tsx
index 0e82496..d979fcc 100644
--- a/web/src/components/PinnedList.tsx
+++ b/web/src/components/PinnedList.tsx
@@ -13,7 +13,7 @@ export default function PinnedList({ pins }: PinnedListProps) {
 
   if (pins.length === 0)
     return (
-      <p className="text-neutral-500">
+      <p className="text-neutral-400">
         No pinned BBSes yet. Visit a BBS and pin it to see it here.
       </p>
     );
@@ -31,7 +31,7 @@ export default function PinnedList({ pins }: PinnedListProps) {
       {shown < pins.length && (
         <button
           onClick={() => setShown((prev) => prev + PAGE_SIZE)}
-          className="text-xs text-neutral-500 hover:text-neutral-300 mt-2"
+          className="text-xs text-neutral-400 hover:text-neutral-300 mt-2"
         >
           show more
         </button>
diff --git a/web/src/components/form/BoardRowEditor.tsx b/web/src/components/form/BoardRowEditor.tsx
index 85f897c..7ac090a 100644
--- a/web/src/components/form/BoardRowEditor.tsx
+++ b/web/src/components/form/BoardRowEditor.tsx
@@ -26,7 +26,7 @@ export default function BoardRowEditor({
   return (
     <div>
       <label className="block text-neutral-400 mb-1">Boards</label>
-      <p className="text-neutral-500 text-xs mb-2">
+      <p className="text-neutral-400 text-xs mb-2">
         One board per row: slug, name, description
       </p>
       <div className="space-y-2">
@@ -58,7 +58,7 @@ export default function BoardRowEditor({
       <button
         type="button"
         onClick={() => onChange([...boards, { slug: "", name: "", desc: "" }])}
-        className="mt-2 text-neutral-500 hover:text-neutral-300 text-xs"
+        className="mt-2 text-neutral-400 hover:text-neutral-300 text-xs"
       >
         + add board
       </button>
diff --git a/web/src/components/form/ComposeForm.tsx b/web/src/components/form/ComposeForm.tsx
index 24f05db..e84ba78 100644
--- a/web/src/components/form/ComposeForm.tsx
+++ b/web/src/components/form/ComposeForm.tsx
@@ -57,12 +57,12 @@ export default function ComposeForm({
   return (
     <form onSubmit={onSubmit} className={`space-y-3 ${className}`}>
       {quote && onClearQuote && (
-        <div className="text-xs text-neutral-500">
+        <div className="text-xs text-neutral-400">
           <span>quoting {quote.handle}</span>
           <button
             type="button"
             onClick={onClearQuote}
-            className="text-neutral-500 hover:text-red-400 ml-2"
+            className="text-neutral-400 hover:text-red-400 ml-2"
           >
             x
           </button>
diff --git a/web/src/components/form/FileChips.tsx b/web/src/components/form/FileChips.tsx
index 7c364ef..9a0b4b3 100644
--- a/web/src/components/form/FileChips.tsx
+++ b/web/src/components/form/FileChips.tsx
@@ -5,7 +5,7 @@ interface FileChipsProps {
 
 export default function FileChips({ files, onRemove }: FileChipsProps) {
   return (
-    <div className="flex flex-wrap gap-2 text-xs text-neutral-500">
+    <div className="flex flex-wrap gap-2 text-xs text-neutral-400">
       {files.map((file, i) => (
         <span
           key={i}
@@ -15,7 +15,7 @@ export default function FileChips({ files, onRemove }: FileChipsProps) {
           <button
             type="button"
             onClick={() => onRemove(i)}
-            className="text-neutral-500 hover:text-red-400"
+            className="text-neutral-400 hover:text-red-400"
           >
             ✕
           </button>
diff --git a/web/src/components/layout/Footer.tsx b/web/src/components/layout/Footer.tsx
index 462b925..ddf12d9 100644
--- a/web/src/components/layout/Footer.tsx
+++ b/web/src/components/layout/Footer.tsx
@@ -1,4 +1,4 @@
-const linkStyle = "text-neutral-500 hover:text-neutral-300";
+const linkStyle = "text-neutral-400 hover:text-neutral-300";
 
 const links = [
   { href: "https://github.com/alyraffauf/atbbs", label: "github" },
@@ -8,7 +8,7 @@ const links = [
 export default function Footer() {
   return (
     <footer className="border-t border-neutral-800 mt-auto">
-      <div className="max-w-2xl mx-auto px-4 py-4 flex items-center justify-between text-xs text-neutral-500">
+      <div className="max-w-2xl mx-auto px-4 py-4 flex items-center justify-between text-xs text-neutral-400">
         <span>
           made by <a href="https://aly.codes" className={linkStyle}>aly.codes</a>
         </span>
diff --git a/web/src/components/layout/Header.tsx b/web/src/components/layout/Header.tsx
index 4a9b067..db0d062 100644
--- a/web/src/components/layout/Header.tsx
+++ b/web/src/components/layout/Header.tsx
@@ -4,7 +4,7 @@ import Logo from "./Logo";
 import HeaderBreadcrumbs from "./HeaderBreadcrumbs";
 import MobileMenu from "./MobileMenu";
 
-const linkStyle = "text-neutral-500 hover:text-neutral-300";
+const linkStyle = "text-neutral-400 hover:text-neutral-300";
 
 export default function Header() {
   const { user, logout } = useAuth();
@@ -18,7 +18,7 @@ export default function Header() {
   return (
     <header className="border-b border-neutral-800">
       <div className="max-w-2xl mx-auto px-4 py-3 flex items-center justify-between">
-        <div className="hidden md:flex items-center gap-2 text-neutral-500 min-w-0 whitespace-nowrap">
+        <div className="hidden md:flex items-center gap-2 text-neutral-400 min-w-0 whitespace-nowrap">
           <Logo />
           <HeaderBreadcrumbs />
         </div>
diff --git a/web/src/components/layout/HeaderBreadcrumbs.tsx b/web/src/components/layout/HeaderBreadcrumbs.tsx
index 8618f56..3c4064f 100644
--- a/web/src/components/layout/HeaderBreadcrumbs.tsx
+++ b/web/src/components/layout/HeaderBreadcrumbs.tsx
@@ -15,7 +15,7 @@ export default function HeaderBreadcrumbs() {
             <Link
               key={`crumb-${index}`}
               to={crumb.to}
-              className="text-neutral-500 hover:text-neutral-300"
+              className="text-neutral-400 hover:text-neutral-300"
             >
               {crumb.label}
             </Link>
diff --git a/web/src/components/layout/MobileMenu.tsx b/web/src/components/layout/MobileMenu.tsx
index c3ecb95..6e8c6dd 100644
--- a/web/src/components/layout/MobileMenu.tsx
+++ b/web/src/components/layout/MobileMenu.tsx
@@ -40,7 +40,7 @@ export default function MobileMenu({ user, onLogout }: MobileMenuProps) {
               <Link to={`/profile/${encodeURIComponent(user.handle)}`} onClick={close} className="text-neutral-300 hover:text-neutral-200">
                 {user.handle}
               </Link>
-              <button type="button" onClick={() => { close(); onLogout(); }} className="text-neutral-500 hover:text-neutral-300">
+              <button type="button" onClick={() => { close(); onLogout(); }} className="text-neutral-400 hover:text-neutral-300">
                 log out
               </button>
             </>
diff --git a/web/src/components/nav/ListLink.tsx b/web/src/components/nav/ListLink.tsx
index a886924..7e5f53a 100644
--- a/web/src/components/nav/ListLink.tsx
+++ b/web/src/components/nav/ListLink.tsx
@@ -14,7 +14,7 @@ export default function ListLink({ to, name, description }: ListLinkProps) {
     >
       <span className="text-neutral-200">{name}</span>
       {description && (
-        <span className="text-neutral-500 text-xs sm:text-sm">
+        <span className="text-neutral-400 text-xs sm:text-sm">
           {description}
         </span>
       )}
diff --git a/web/src/components/nav/PageNav.tsx b/web/src/components/nav/PageNav.tsx
index c671c6f..0a1ae43 100644
--- a/web/src/components/nav/PageNav.tsx
+++ b/web/src/components/nav/PageNav.tsx
@@ -66,13 +66,13 @@ export default function PageNav({ current, total, onGo }: PageNavProps) {
             <button
               key={slot.key}
               onClick={() => onGo(slot.page!)}
-              className="text-neutral-500 hover:text-neutral-300 hover:bg-neutral-800 rounded px-3 py-1"
+              className="text-neutral-400 hover:text-neutral-300 hover:bg-neutral-800 rounded px-3 py-1"
             >
               {slot.label}
             </button>
           );
         return (
-          <span key={slot.key} className="text-neutral-600 px-2 py-1">
+          <span key={slot.key} className="text-neutral-400 px-2 py-1">
             {slot.label}
           </span>
         );
diff --git a/web/src/components/nav/ThreadLink.tsx b/web/src/components/nav/ThreadLink.tsx
index 5b8587d..c201671 100644
--- a/web/src/components/nav/ThreadLink.tsx
+++ b/web/src/components/nav/ThreadLink.tsx
@@ -20,9 +20,9 @@ export default function ThreadLink({
     >
       <div className="flex items-baseline justify-between gap-4">
         <span className="text-neutral-300 truncate">{title}</span>
-        <span className="shrink-0 text-xs text-neutral-500">{meta}</span>
+        <span className="shrink-0 text-xs text-neutral-400">{meta}</span>
       </div>
-      <p className="text-neutral-500 text-xs mt-1 line-clamp-1">{preview}</p>
+      <p className="text-neutral-400 text-xs mt-1 line-clamp-1">{preview}</p>
     </Link>
   );
 }
diff --git a/web/src/components/post/AttachmentLink.tsx b/web/src/components/post/AttachmentLink.tsx
index ba036f8..69c3f1f 100644
--- a/web/src/components/post/AttachmentLink.tsx
+++ b/web/src/components/post/AttachmentLink.tsx
@@ -37,7 +37,7 @@ export default function AttachmentLink({
     <a
       href={`${pds}/xrpc/com.atproto.sync.getBlob?did=${did}&cid=${cid}`}
       onClick={download}
-      className="text-xs text-neutral-500 hover:text-neutral-300 block mt-1 cursor-pointer"
+      className="text-xs text-neutral-400 hover:text-neutral-300 block mt-1 cursor-pointer"
     >
       [{name}]
     </a>
diff --git a/web/src/components/post/PostActions.tsx b/web/src/components/post/PostActions.tsx
index a869225..e7df8c3 100644
--- a/web/src/components/post/PostActions.tsx
+++ b/web/src/components/post/PostActions.tsx
@@ -1,4 +1,4 @@
-const actionStyle = "text-xs text-neutral-500 hover:text-red-400";
+const actionStyle = "text-xs text-neutral-400 hover:text-red-400";
 
 interface PostActionsProps {
   isAuthor: boolean;
@@ -20,7 +20,7 @@ export default function PostActions({
   return (
     <span className="reply-actions flex items-center gap-3">
       {onQuote && (
-        <button onClick={onQuote} className="text-xs text-neutral-500 hover:text-neutral-300">
+        <button onClick={onQuote} className="text-xs text-neutral-400 hover:text-neutral-300">
           quote
         </button>
       )}
diff --git a/web/src/components/post/PostMeta.tsx b/web/src/components/post/PostMeta.tsx
index a3cbcb3..40802d8 100644
--- a/web/src/components/post/PostMeta.tsx
+++ b/web/src/components/post/PostMeta.tsx
@@ -25,9 +25,9 @@ export default function PostMeta({ handle, createdAt }: PostMetaProps) {
       >
         {handle}
       </span>
-      <span className="text-neutral-600">·</span>
+      <span className="text-neutral-400">·</span>
       <time
-        className="text-xs text-neutral-500"
+        className="text-xs text-neutral-400"
         title={formatFullDate(createdAt)}
       >
         {relativeDate(createdAt)}
diff --git a/web/src/components/post/ReplyCard.tsx b/web/src/components/post/ReplyCard.tsx
index f77c439..c29ceef 100644
--- a/web/src/components/post/ReplyCard.tsx
+++ b/web/src/components/post/ReplyCard.tsx
@@ -62,7 +62,7 @@ export default function ReplyCard({
         <button
           type="button"
           onClick={onQuoteClick}
-          className="block w-full text-left border-l-2 border-neutral-700 pl-3 mb-3 py-1 text-sm text-neutral-500 hover:border-neutral-500 cursor-pointer"
+          className="block w-full text-left border-l-2 border-neutral-700 pl-3 mb-3 py-1 text-sm text-neutral-400 hover:border-neutral-500 cursor-pointer"
         >
           <span className="text-neutral-400">{quoted.handle}:</span>{" "}
           <PostBody>
diff --git a/web/src/components/profile/EditProfile.tsx b/web/src/components/profile/EditProfile.tsx
index 1d49738..546def1 100644
--- a/web/src/components/profile/EditProfile.tsx
+++ b/web/src/components/profile/EditProfile.tsx
@@ -28,7 +28,7 @@ export default function EditProfile({
   return (
     <div className="space-y-4">
       <div>
-        <label className="text-xs text-neutral-500 uppercase tracking-wide">
+        <label className="text-xs text-neutral-400 uppercase tracking-wide">
           Name
         </label>
         <Input
@@ -39,7 +39,7 @@ export default function EditProfile({
         />
       </div>
       <div>
-        <label className="text-xs text-neutral-500 uppercase tracking-wide">
+        <label className="text-xs text-neutral-400 uppercase tracking-wide">
           Pronouns
         </label>
         <Input
@@ -50,7 +50,7 @@ export default function EditProfile({
         />
       </div>
       <div>
-        <label className="text-xs text-neutral-500 uppercase tracking-wide">
+        <label className="text-xs text-neutral-400 uppercase tracking-wide">
           Bio
         </label>
         <Textarea
@@ -65,7 +65,7 @@ export default function EditProfile({
         <Button onClick={handleSubmit}>save</Button>
         <button
           onClick={onCancel}
-          className="text-neutral-500 hover:text-neutral-300 text-xs"
+          className="text-neutral-400 hover:text-neutral-300 text-xs"
         >
           cancel
         </button>
diff --git a/web/src/components/profile/ViewProfile.tsx b/web/src/components/profile/ViewProfile.tsx
index 4d6bd69..174c76e 100644
--- a/web/src/components/profile/ViewProfile.tsx
+++ b/web/src/components/profile/ViewProfile.tsx
@@ -26,11 +26,11 @@ export default function ViewProfile({
           <ActionButton onClick={onEdit}>edit profile</ActionButton>
         )}
       </div>
-      <p className="text-neutral-500">
+      <p className="text-neutral-400">
         {handle}
         {profile?.pronouns && (
           <>
-            <span className="text-neutral-600 mx-1">·</span>
+            <span className="text-neutral-400 mx-1">·</span>
             {profile.pronouns}
           </>
         )}
@@ -42,7 +42,7 @@ export default function ViewProfile({
       )}
       {profile?.bbsName && (
         <div className="mt-6">
-          <p className="text-xs text-neutral-500 uppercase tracking-wide mb-2">
+          <p className="text-xs text-neutral-400 uppercase tracking-wide mb-2">
             BBS
           </p>
           <Link
@@ -52,19 +52,19 @@ export default function ViewProfile({
             <div>
               <div className="text-neutral-200">{profile.bbsName}</div>
               {profile.bbsDescription && (
-                <div className="text-xs text-neutral-500 mt-1">
+                <div className="text-xs text-neutral-400 mt-1">
                   {profile.bbsDescription}
                 </div>
               )}
             </div>
-            <span className="text-neutral-600 group-hover:text-neutral-300 text-lg ml-4">
+            <span className="text-neutral-400 group-hover:text-neutral-300 text-lg ml-4">
               →
             </span>
           </Link>
         </div>
       )}
       {!profile?.name && !profile?.bio && !profile?.bbsName && !isOwner && (
-        <p className="text-neutral-500 mt-4">No profile yet.</p>
+        <p className="text-neutral-400 mt-4">No profile yet.</p>
       )}
     </>
   );
diff --git a/web/src/pages/BBS.tsx b/web/src/pages/BBS.tsx
index d20e191..659e70f 100644
--- a/web/src/pages/BBS.tsx
+++ b/web/src/pages/BBS.tsx
@@ -35,7 +35,7 @@ export default function BBSPage() {
 
   if (user && bbs.site.bannedDids.has(user.did))
     return (
-      <p className="text-neutral-500">You have been banned from this BBS.</p>
+      <p className="text-neutral-400">You have been banned from this BBS.</p>
     );
 
   const isSysop = user && user.did === bbs.identity.did;
@@ -80,7 +80,7 @@ export default function BBSPage() {
     <>
       <div className="mb-8">
         <h1 className="text-lg text-neutral-200 mb-1">{bbs.site.name}</h1>
-        <p className="text-neutral-500 mb-3">{bbs.site.description}</p>
+        <p className="text-neutral-400 mb-3">{bbs.site.description}</p>
         <ActionBar>
           <PinButton bbsDid={bbs.identity.did} initialRkey={pinRkey} />
           <ActionLink to={`/profile/${encodeURIComponent(handle)}`}>
@@ -92,13 +92,13 @@ export default function BBSPage() {
       </div>
 
       {bbs.site.intro && (
-        <pre className="bg-neutral-900 border border-neutral-800 rounded p-4 mb-8 overflow-x-auto text-neutral-500 text-xs leading-snug">
+        <pre className="bg-neutral-900 border border-neutral-800 rounded p-4 mb-8 overflow-x-auto text-neutral-400 text-xs leading-snug">
           {bbs.site.intro}
         </pre>
       )}
 
       <section className="mb-8">
-        <h2 className="text-xs text-neutral-500 uppercase tracking-wide mb-3">
+        <h2 className="text-xs text-neutral-400 uppercase tracking-wide mb-3">
           Boards
         </h2>
         <div className="space-y-1">
@@ -114,7 +114,7 @@ export default function BBSPage() {
       </section>
 
       <section>
-        <h2 className="text-xs text-neutral-500 uppercase tracking-wide mb-3">
+        <h2 className="text-xs text-neutral-400 uppercase tracking-wide mb-3">
           News
         </h2>
 
@@ -153,7 +153,7 @@ export default function BBSPage() {
                 <div className="flex items-baseline justify-between mb-2">
                   <div className="flex items-baseline gap-2">
                     <span className="text-neutral-200">{item.title}</span>
-                    <span className="text-neutral-600">·</span>
+                    <span className="text-neutral-400">·</span>
                     <Localtime iso={item.createdAt} />
                   </div>
                   {isSysop && (
@@ -164,7 +164,7 @@ export default function BBSPage() {
                           e.preventDefault();
                           removeNews(item.tid);
                         }}
-                        className="text-xs text-neutral-500 hover:text-red-400"
+                        className="text-xs text-neutral-400 hover:text-red-400"
                       >
                         delete
                       </button>
@@ -180,14 +180,14 @@ export default function BBSPage() {
             {!showAllNews && allNews.length > 3 && (
               <button
                 onClick={() => setShowAllNews(true)}
-                className="text-neutral-500 hover:text-neutral-300 text-xs mt-2"
+                className="text-neutral-400 hover:text-neutral-300 text-xs mt-2"
               >
                 show more
               </button>
             )}
           </>
         ) : (
-          <p className="text-neutral-500">No news yet.</p>
+          <p className="text-neutral-400">No news yet.</p>
         )}
       </section>
     </>
diff --git a/web/src/pages/Board.tsx b/web/src/pages/Board.tsx
index 99fa28a..004e2fe 100644
--- a/web/src/pages/Board.tsx
+++ b/web/src/pages/Board.tsx
@@ -106,7 +106,7 @@ export default function BoardPage() {
     <>
       <div className="mb-6">
         <h1 className="text-lg text-neutral-200 mb-1">{board.name}</h1>
-        <p className="text-neutral-500">{board.description}</p>
+        <p className="text-neutral-400">{board.description}</p>
       </div>
 
       {user && (
@@ -142,7 +142,7 @@ export default function BoardPage() {
             />
           ))
         ) : (
-          <p className="text-neutral-500">No threads yet.</p>
+          <p className="text-neutral-400">No threads yet.</p>
         )}
       </div>
 
@@ -151,7 +151,7 @@ export default function BoardPage() {
           <button
             onClick={loadMore}
             disabled={loadingMore}
-            className="text-neutral-500 hover:text-neutral-300"
+            className="text-neutral-400 hover:text-neutral-300"
           >
             {loadingMore ? "loading…" : "next page →"}
           </button>
diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx
index b8b1169..dd54d45 100644
--- a/web/src/pages/Dashboard.tsx
+++ b/web/src/pages/Dashboard.tsx
@@ -25,7 +25,7 @@ type Tab = "inbox" | "threads" | "pinned" | "bbs";
 const TAB_STYLE_ACTIVE =
   "py-2 border-b-2 text-neutral-200 border-neutral-200 whitespace-nowrap";
 const TAB_STYLE_INACTIVE =
-  "py-2 border-b-2 text-neutral-500 hover:text-neutral-300 border-transparent whitespace-nowrap";
+  "py-2 border-b-2 text-neutral-400 hover:text-neutral-300 border-transparent whitespace-nowrap";
 
 export default function Dashboard({ data }: { data: DashboardData }) {
   const { user, hasBBS, pins, threads, activity } = data;
@@ -83,7 +83,7 @@ export default function Dashboard({ data }: { data: DashboardData }) {
     { key: "bbs", label: "My BBS" },
   ];
 
-  const loading = <p className="text-neutral-500">Loading...</p>;
+  const loading = <p className="text-neutral-400">Loading...</p>;
 
   return (
     <>
@@ -105,7 +105,7 @@ export default function Dashboard({ data }: { data: DashboardData }) {
 
       {tab === "inbox" && (
         <>
-          <p className="text-neutral-500 text-xs mb-4">
+          <p className="text-neutral-400 text-xs mb-4">
             Recent replies and quotes from other users.
           </p>
           <Suspense fallback={loading}>
@@ -120,7 +120,7 @@ export default function Dashboard({ data }: { data: DashboardData }) {
 
       {tab === "threads" && (
         <>
-          <p className="text-neutral-500 text-xs mb-4">
+          <p className="text-neutral-400 text-xs mb-4">
             Threads you've posted across all BBSes.
           </p>
           <Suspense fallback={loading}>
@@ -133,7 +133,7 @@ export default function Dashboard({ data }: { data: DashboardData }) {
 
       {tab === "pinned" && (
         <>
-          <p className="text-neutral-500 text-xs mb-4">
+          <p className="text-neutral-400 text-xs mb-4">
             BBSes you've pinned for quick access.
           </p>
           <Suspense fallback={loading}>
@@ -146,7 +146,7 @@ export default function Dashboard({ data }: { data: DashboardData }) {
 
       {tab === "bbs" && (
         <>
-          <p className="text-neutral-500 text-xs mb-4">
+          <p className="text-neutral-400 text-xs mb-4">
             Manage your BBS.
           </p>
           <BBSPanel
diff --git a/web/src/pages/LoggedOutHome.tsx b/web/src/pages/LoggedOutHome.tsx
index 0f84c55..666320c 100644
--- a/web/src/pages/LoggedOutHome.tsx
+++ b/web/src/pages/LoggedOutHome.tsx
@@ -11,7 +11,7 @@ export default function LoggedOutHome() {
 
   const activeTab = "py-2 border-b-2 text-neutral-200 border-neutral-200";
   const inactiveTab =
-    "py-2 border-b-2 text-neutral-500 hover:text-neutral-300 border-transparent";
+    "py-2 border-b-2 text-neutral-400 hover:text-neutral-300 border-transparent";
 
   return (
     <div className="h-full flex flex-col justify-center overflow-hidden">
@@ -38,7 +38,7 @@ export default function LoggedOutHome() {
           </a>
           .
         </h1>
-        <p className="text-neutral-500 max-w-md mx-auto">
+        <p className="text-neutral-400 max-w-md mx-auto">
           Build a community from your existing account. Tightly curated, fully
           portable, open by design.
         </p>
@@ -67,31 +67,31 @@ export default function LoggedOutHome() {
         </div>
         {tab === "pip" && (
           <pre className="bg-neutral-900 border border-neutral-800 rounded px-4 py-3 text-neutral-400 text-xs">
-            <span className="text-neutral-500 select-none">$ </span>pip install
+            <span className="text-neutral-400 select-none">$ </span>pip install
             atbbs
             {"\n"}
-            <span className="text-neutral-500 select-none">$ </span>atbbs
+            <span className="text-neutral-400 select-none">$ </span>atbbs
           </pre>
         )}
         {tab === "uv" && (
           <pre className="bg-neutral-900 border border-neutral-800 rounded px-4 py-3 text-neutral-400 text-xs">
-            <span className="text-neutral-500 select-none">$ </span>uv tool
+            <span className="text-neutral-400 select-none">$ </span>uv tool
             install atbbs
             {"\n"}
-            <span className="text-neutral-500 select-none">$ </span>atbbs
+            <span className="text-neutral-400 select-none">$ </span>atbbs
           </pre>
         )}
         {tab === "brew" && (
           <pre className="bg-neutral-900 border border-neutral-800 rounded px-4 py-3 text-neutral-400 text-xs">
-            <span className="text-neutral-500 select-none">$ </span>brew install
+            <span className="text-neutral-400 select-none">$ </span>brew install
             alyraffauf/tap/atbbs
             {"\n"}
-            <span className="text-neutral-500 select-none">$ </span>atbbs
+            <span className="text-neutral-400 select-none">$ </span>atbbs
           </pre>
         )}
         {tab === "telnet" && (
           <pre className="bg-neutral-900 border border-neutral-800 rounded px-4 py-3 text-neutral-400 text-xs">
-            <span className="text-neutral-500 select-none">$ </span>telnet
+            <span className="text-neutral-400 select-none">$ </span>telnet
             tel.atbbs.xyz
           </pre>
         )}
diff --git a/web/src/pages/Login.tsx b/web/src/pages/Login.tsx
index c18a7fd..579ec8a 100644
--- a/web/src/pages/Login.tsx
+++ b/web/src/pages/Login.tsx
@@ -57,7 +57,7 @@ export default function Login() {
           />
         </picture>
         <h1 className="text-lg text-neutral-200 mb-2">Log in to atbbs</h1>
-        <p className="text-neutral-500">Use any atproto account.</p>
+        <p className="text-neutral-400">Use any atproto account.</p>
       </div>
 
       {error && <p className="text-red-400 mb-4 text-center">{error}</p>}
@@ -96,7 +96,7 @@ export default function Login() {
                     <div className="text-sm text-neutral-200 truncate">
                       {match.displayName}
                     </div>
-                    <div className="text-xs text-neutral-500 truncate">
+                    <div className="text-xs text-neutral-400 truncate">
                       {match.handle}
                     </div>
                   </div>
@@ -107,9 +107,9 @@ export default function Login() {
         )}
       </div>
 
-      <div className="text-neutral-500 text-xs space-y-2">
+      <div className="text-neutral-400 text-xs space-y-2">
         <p>Once signed in, you can:</p>
-        <ul className="list-disc list-inside space-y-1 text-neutral-600">
+        <ul className="list-disc list-inside space-y-1 text-neutral-400">
           <li>Post threads and replies</li>
           <li>Pin boards you like</li>
           <li>Set up a profile</li>
@@ -117,7 +117,7 @@ export default function Login() {
         </ul>
       </div>
 
-      <p className="text-neutral-600 text-xs mt-6">
+      <p className="text-neutral-400 text-xs mt-6">
         You'll be redirected to your hosting provider to continue.
       </p>
     </div>
diff --git a/web/src/pages/News.tsx b/web/src/pages/News.tsx
index c3a382a..19a67c1 100644
--- a/web/src/pages/News.tsx
+++ b/web/src/pages/News.tsx
@@ -27,7 +27,7 @@ export default function NewsPage() {
   );
 
   if (!item) {
-    return <p className="text-neutral-500">News post not found.</p>;
+    return <p className="text-neutral-400">News post not found.</p>;
   }
 
   const isSysop = !!(user && user.did === bbs.identity.did);
diff --git a/web/src/pages/NotFound.tsx b/web/src/pages/NotFound.tsx
index 4ac2520..8cbb8a0 100644
--- a/web/src/pages/NotFound.tsx
+++ b/web/src/pages/NotFound.tsx
@@ -1,3 +1,3 @@
 export default function NotFound() {
-  return <p className="text-neutral-500">Not found.</p>;
+  return <p className="text-neutral-400">Not found.</p>;
 }
diff --git a/web/src/pages/OAuthCallback.tsx b/web/src/pages/OAuthCallback.tsx
index 08b6ca8..0cb0d95 100644
--- a/web/src/pages/OAuthCallback.tsx
+++ b/web/src/pages/OAuthCallback.tsx
@@ -20,5 +20,5 @@ export default function OAuthCallback() {
   }, [navigate]);
 
   if (error) return <p className="text-red-400">{error}</p>;
-  return <p className="text-neutral-500">Signing in…</p>;
+  return <p className="text-neutral-400">Signing in…</p>;
 }
diff --git a/web/src/pages/Profile.tsx b/web/src/pages/Profile.tsx
index b40bdb2..9e1c6a6 100644
--- a/web/src/pages/Profile.tsx
+++ b/web/src/pages/Profile.tsx
@@ -45,11 +45,11 @@ export default function Profile() {
         onEdit={() => setEditing(true)}
       />
       <div className="mt-8">
-        <p className="text-xs text-neutral-500 uppercase tracking-wide mb-3">
+        <p className="text-xs text-neutral-400 uppercase tracking-wide mb-3">
           Recent Threads
         </p>
         <Suspense
-          fallback={<p className="text-neutral-500">Loading...</p>}
+          fallback={<p className="text-neutral-400">Loading...</p>}
         >
           <Await resolve={threads}>
             {(resolved: MyThread[]) => (
diff --git a/web/src/pages/SysopCreate.tsx b/web/src/pages/SysopCreate.tsx
index 4860c02..a052b33 100644
--- a/web/src/pages/SysopCreate.tsx
+++ b/web/src/pages/SysopCreate.tsx
@@ -63,7 +63,7 @@ export default function SysopCreate() {
   return (
     <>
       <h1 className="text-lg text-neutral-200 mb-1">Create a BBS</h1>
-      <p className="text-neutral-500 mb-6">
+      <p className="text-neutral-400 mb-6">
         Set up your BBS. Your handle becomes the address.
       </p>
       {error && <p className="text-red-500 mb-4">{error}</p>}
diff --git a/web/src/pages/SysopEdit.tsx b/web/src/pages/SysopEdit.tsx
index 1ddb1fc..285fc5b 100644
--- a/web/src/pages/SysopEdit.tsx
+++ b/web/src/pages/SysopEdit.tsx
@@ -66,7 +66,7 @@ export default function SysopEdit() {
   return (
     <>
       <h1 className="text-lg text-neutral-200 mb-1">Edit BBS</h1>
-      <p className="text-neutral-500 mb-6">Update your BBS.</p>
+      <p className="text-neutral-400 mb-6">Update your BBS.</p>
       {error && <p className="text-red-500 mb-4">{error}</p>}
       <form onSubmit={onSubmit} className="space-y-6">
         <div>
diff --git a/web/src/pages/SysopModerate.tsx b/web/src/pages/SysopModerate.tsx
index bf78a93..10dd704 100644
--- a/web/src/pages/SysopModerate.tsx
+++ b/web/src/pages/SysopModerate.tsx
@@ -78,7 +78,7 @@ export default function SysopModerate() {
   return (
     <>
       <h1 className="text-lg text-neutral-200 mb-1">Moderate BBS</h1>
-      <p className="text-neutral-500 mb-6">
+      <p className="text-neutral-400 mb-6">
         Manage banned users and hidden posts.
       </p>
 
@@ -103,7 +103,7 @@ export default function SysopModerate() {
                 {banRkeys[did] && (
                   <button
                     onClick={() => unban(banRkeys[did])}
-                    className="text-xs text-neutral-500 hover:text-red-400 shrink-0"
+                    className="text-xs text-neutral-400 hover:text-red-400 shrink-0"
                   >
                     unban
                   </button>
@@ -142,7 +142,7 @@ export default function SysopModerate() {
                 {hideRkeys[p.uri] && (
                   <button
                     onClick={() => unhide(hideRkeys[p.uri])}
-                    className="text-xs text-neutral-500 hover:text-red-400 shrink-0"
+                    className="text-xs text-neutral-400 hover:text-red-400 shrink-0"
                   >
                     unhide
                   </button>
diff --git a/web/src/pages/Thread.tsx b/web/src/pages/Thread.tsx
index 6014721..b14e54b 100644
--- a/web/src/pages/Thread.tsx
+++ b/web/src/pages/Thread.tsx
@@ -162,9 +162,9 @@ function ThreadPage({ loaded }: { loaded: LoaderData }) {
 
       <div className="space-y-2 mt-4">
         {loadingPage ? (
-          <p className="text-neutral-500">Loading replies...</p>
+          <p className="text-neutral-400">Loading replies...</p>
         ) : replies.length === 0 && !user ? (
-          <p className="text-neutral-500">No replies yet.</p>
+          <p className="text-neutral-400">No replies yet.</p>
         ) : (
           replies.map((reply) => (
             <ReplyCard
-- 
2.51.2