Add dark theme support to NotFound.tsx

This commit is contained in:
Alex Gleason 2025-06-01 16:08:27 -05:00
parent 065f3cfe02
commit 3a34db8320
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7

View File

@ -12,11 +12,11 @@ const NotFound = () => {
}, [location.pathname]); }, [location.pathname]);
return ( return (
<div className="min-h-screen flex items-center justify-center bg-gray-100"> <div className="min-h-screen flex items-center justify-center bg-gray-100 dark:bg-gray-900">
<div className="text-center"> <div className="text-center">
<h1 className="text-4xl font-bold mb-4">404</h1> <h1 className="text-4xl font-bold mb-4 text-gray-900 dark:text-gray-100">404</h1>
<p className="text-xl text-gray-600 mb-4">Oops! Page not found</p> <p className="text-xl text-gray-600 dark:text-gray-400 mb-4">Oops! Page not found</p>
<a href="/" className="text-blue-500 hover:text-blue-700 underline"> <a href="/" className="text-blue-500 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 underline">
Return to Home Return to Home
</a> </a>
</div> </div>