From 07d13c74f5cda8da7091705a83e1dbeeb8a8828a Mon Sep 17 00:00:00 2001
From: Doug Andrade <dandrademv@gmail.com>
Date: Sun, 11 Jun 2023 11:36:13 -0400
Subject: [PATCH] fix: signature pad in dark mode

---
 apps/web/src/components/forms/profile.tsx               | 2 +-
 apps/web/src/components/signature-pad/signature-pad.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/forms/profile.tsx b/apps/web/src/components/forms/profile.tsx
index 3aa8fef38..6eceef65f 100644
--- a/apps/web/src/components/forms/profile.tsx
+++ b/apps/web/src/components/forms/profile.tsx
@@ -111,7 +111,7 @@ export const ProfileForm = ({ className, user }: ProfileFormProps) => {
             name="signature"
             render={({ field: { onChange } }) => (
               <SignaturePad
-                className="bg-background h-44 w-full rounded-lg border backdrop-blur-sm"
+                className="h-44 w-full rounded-lg border bg-white backdrop-blur-sm dark:border-[#e2d7c5] dark:bg-[#fcf8ee]"
                 onChange={(v) => onChange(v ?? '')}
               />
             )}
diff --git a/apps/web/src/components/signature-pad/signature-pad.tsx b/apps/web/src/components/signature-pad/signature-pad.tsx
index 7154cf084..4ff0a6137 100644
--- a/apps/web/src/components/signature-pad/signature-pad.tsx
+++ b/apps/web/src/components/signature-pad/signature-pad.tsx
@@ -192,7 +192,7 @@ export const SignaturePad = ({ className, onChange, ...props }: SignaturePadProp
     <div className="relative block">
       <canvas
         ref={$el}
-        className={cn('relative block', className)}
+        className={cn('relative block dark:invert', className)}
         style={{ touchAction: 'none' }}
         onPointerMove={(event) => onMouseMove(event)}
         onPointerDown={(event) => onMouseDown(event)}