From f10cdf491d5819485f0a73d20f9e7c2fceeca198 Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Thu, 10 Mar 2022 15:03:36 -0800
Subject: [PATCH] fix dark light colors of dialog

---
 libs/ui-toolkit/src/components/dialog/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/ui-toolkit/src/components/dialog/index.tsx b/libs/ui-toolkit/src/components/dialog/index.tsx
index 3a2b774fd..8535d0e78 100644
--- a/libs/ui-toolkit/src/components/dialog/index.tsx
+++ b/libs/ui-toolkit/src/components/dialog/index.tsx
@@ -12,8 +12,8 @@ export function Dialog({ children, open, setOpen, title }: DialogProps) {
   return (
     <DialogPrimitives.Root open={open} onOpenChange={(x) => setOpen(x)}>
       <DialogPrimitives.Portal>
-        <DialogPrimitives.Overlay className="fixed inset-0 bg-black opacity-20" />
-        <DialogPrimitives.Content className="fixed w-[500px] bg-white top-40 p-28 left-[calc(50%-250px)]">
+        <DialogPrimitives.Overlay className="fixed inset-0 bg-black dark:bg-white opacity-40 dark:opacity-15" />
+        <DialogPrimitives.Content className="fixed w-[500px] top-40 p-28 left-[calc(50%-250px)] dark:bg-black dark:text-white-60 bg-white text-black-60">
           {title && <h1 className="text-h5 mb-12">{title}</h1>}
           {children}
         </DialogPrimitives.Content>