From 9145fb151641629609c3ab988818e503fdb52660 Mon Sep 17 00:00:00 2001
From: Gozarman <120019621+gozarman@users.noreply.github.com>
Date: Sun, 5 May 2024 09:12:50 +0000
Subject: [PATCH] fix: dialogs color pallet

---
 app/dashboard/chakra.config.ts                     |  7 +++++++
 .../src/components/common/user/UserDialog.tsx      |  3 ---
 .../src/components/common/user/UsersTable.tsx      | 14 ++------------
 app/dashboard/src/index.scss                       |  8 ++++++++
 4 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/app/dashboard/chakra.config.ts b/app/dashboard/chakra.config.ts
index 08cec94c..60e49672 100644
--- a/app/dashboard/chakra.config.ts
+++ b/app/dashboard/chakra.config.ts
@@ -123,6 +123,13 @@ export const theme = extendTheme({
     },
   },
   components: {
+    Modal: {
+      baseStyle: {
+        dialog: {
+          bg: "card-bg",
+        },
+      },
+    },
     Badge: defineStyleConfig({
       baseStyle: {
         borderRadius: "5px",
diff --git a/app/dashboard/src/components/common/user/UserDialog.tsx b/app/dashboard/src/components/common/user/UserDialog.tsx
index ca879695..00d58aee 100644
--- a/app/dashboard/src/components/common/user/UserDialog.tsx
+++ b/app/dashboard/src/components/common/user/UserDialog.tsx
@@ -360,9 +360,6 @@ export const UserDialog: FC<UserDialogProps> = () => {
           <DrawerContent bg="main-bg">
             <DrawerHeader pt={6}>
               <HStack gap={2}>
-                {/* <Icon color="primary">
-                  {isEditing ? <EditUserIcon color="white" /> : <AddUserIcon color="white" />}
-                </Icon> */}
                 <Text fontWeight="semibold" fontSize="lg">
                   {isEditing ? t("userDialog.editUserTitle") : t("createNewUser")}
                 </Text>
diff --git a/app/dashboard/src/components/common/user/UsersTable.tsx b/app/dashboard/src/components/common/user/UsersTable.tsx
index 9dc4f672..093b7dff 100644
--- a/app/dashboard/src/components/common/user/UsersTable.tsx
+++ b/app/dashboard/src/components/common/user/UsersTable.tsx
@@ -564,12 +564,7 @@ const ActionButtons: FC<ActionButtonsProps> = ({ user }) => {
         <IconButton
           p="0 !important"
           aria-label="copy subscription link"
-          bg="transparent"
-          _dark={{
-            _hover: {
-              bg: "gray.700",
-            },
-          }}
+          variant="ghost"
           size={{
             base: "sm",
             md: "md",
@@ -584,12 +579,7 @@ const ActionButtons: FC<ActionButtonsProps> = ({ user }) => {
         <IconButton
           p="0 !important"
           aria-label="qr code"
-          bg="transparent"
-          _dark={{
-            _hover: {
-              bg: "gray.700",
-            },
-          }}
+          variant="ghost"
           size={{
             base: "sm",
             md: "md",
diff --git a/app/dashboard/src/index.scss b/app/dashboard/src/index.scss
index 183e3c2d..610ec363 100644
--- a/app/dashboard/src/index.scss
+++ b/app/dashboard/src/index.scss
@@ -242,3 +242,11 @@ body,
 .slick-next:before {
   content: "" !important;
 }
+
+:root {
+  --modal-bg: var(--chakra-colors-chakra-card-bg) !important;
+}
+
+:root {
+  --main-bg-color: var(--chakra-colors-chakra-card-bg);
+}