From a6f75cd5873075a86b52c3f6ce90aa118a3e06d4 Mon Sep 17 00:00:00 2001
From: Jason Woltje <jason@diversecanvas.com>
Date: Sun, 22 Feb 2026 05:33:14 +0000
Subject: [PATCH] fix(ui): use arbitrary opacity for AuthCard dark background
 (#438)

Co-authored-by: Jason Woltje <jason@diversecanvas.com>
Co-committed-by: Jason Woltje <jason@diversecanvas.com>
---
 packages/ui/src/components/AuthSurface.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/AuthSurface.tsx b/packages/ui/src/components/AuthSurface.tsx
index 07a2ae8..6c016fb 100644
--- a/packages/ui/src/components/AuthSurface.tsx
+++ b/packages/ui/src/components/AuthSurface.tsx
@@ -58,7 +58,7 @@ export function AuthCard({ children, className, ...props }: AuthCardProps): Reac
   return (
     <div
       className={joinClassNames(
-        "relative w-full rounded-2xl border border-[#b8c4de] bg-[#dde4f2]/90 p-6 shadow-[0_30px_70px_rgba(15,20,29,0.24)] backdrop-blur-sm sm:p-10 dark:border-[#2f3b52] dark:bg-[#1b2331]/92 dark:shadow-[0_32px_80px_rgba(0,0,0,0.52)]",
+        "relative w-full rounded-2xl border border-[#b8c4de] bg-[#dde4f2]/90 p-6 shadow-[0_30px_70px_rgba(15,20,29,0.24)] backdrop-blur-sm sm:p-10 dark:border-[#2f3b52] dark:bg-[#1b2331]/[0.92] dark:shadow-[0_32px_80px_rgba(0,0,0,0.52)]",
         className
       )}
       {...props}