fix: dialogs color pallet

Gozargah · May 5, 2024 · 9145fb1 · 9145fb1
1 parent 4b7cacc
commit 9145fb1
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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);
+}