style: refine design system aesthetics to flat solid dark-mode theme

2026-05-30 13:28:25 +05:00
parent 110fc61fa2
commit 1e705053f5
10 changed files with 59 additions and 101 deletions
@@ -67,7 +67,7 @@ impl IntoResponse for AppError {
 </head>
 <body class="bg-[#0f172a] text-slate-100 min-h-screen flex items-center justify-center p-4">
    <div class="max-w-md w-full bg-[#1e293b] border border-slate-800 rounded-2xl p-8 text-center shadow-2xl relative overflow-hidden">
-        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-red-500 via-rose-500 to-pink-600"></div>
+        <div class="absolute top-0 left-0 w-full h-1 bg-rose-500"></div>
        <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-rose-950/50 border border-rose-900/50 text-rose-500 mb-6">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8">
                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" />
@@ -79,7 +79,7 @@ impl IntoResponse for AppError {
            <a href="/" class="px-5 py-2.5 rounded-xl bg-slate-800 hover:bg-slate-750 transition font-medium text-sm text-slate-200 border border-slate-700">
                Go to Safety
            </a>
-            <a href="/auth/login" class="px-5 py-2.5 rounded-xl bg-gradient-to-r from-sky-500 to-indigo-600 hover:opacity-90 transition font-medium text-sm text-white">
+            <a href="/auth/login" class="px-5 py-2.5 rounded-xl bg-indigo-600 hover:bg-indigo-500 transition font-medium text-sm text-white">
                Log In
            </a>
        </div>