Skip to content

Text on 404 page isn't legible in Safari dark mode #112

@Byron

Description

@Byron

Originally mentioned on Discord.

Screen.Recording.2025-10-10.at.14.44.35.mov

This is a patch that I didn't validate, AI generated, maybe it's close to an actual fix.

diff --git a/app/(docs)/not-found.tsx b/app/(docs)/not-found.tsx
index 634dc43..16c9bf2 100644
--- a/app/(docs)/not-found.tsx
+++ b/app/(docs)/not-found.tsx
@@ -5,11 +5,11 @@ export default function NotFound() {
     <div className="grid w-full min-w-0 max-w-[var(--fd-page-width)] flex-col place-items-center md:transition-[max-width]">
       <div className="prose flex flex-col gap-4 lg:flex-row">
         <div className="flex flex-col justify-center">
-          <h2 className="text-3xl font-bold">Page Not Found</h2>
-          <p>
+          <h2 className="text-3xl font-bold text-foreground">Page Not Found</h2>
+          <p className="text-muted-foreground">
             Could not find requested resource, please
             <br />
-            try again later or <Link href="/">return home</Link>.
+            try again later or <Link href="/" className="text-primary hover:text-primary/80">return home</Link>.
           </p>
         </div>
 

CC @PavelLaptev

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions