From ca1809c4760277aebcae9babeecd8ae6a5d56dde Mon Sep 17 00:00:00 2001
From: Manuel <manuel.ruwe@bluewin.ch>
Date: Mon, 31 Jul 2023 21:40:37 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Fix=20colors=20of=20modals?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modals/create-dashboard/create-dashboard.modal.tsx   | 4 ++++
 .../create-registration-token.modal.tsx                  | 9 +++++++--
 .../delete-registration-token.modal.tsx                  | 4 ++++
 src/modals/delete-user/delete-user.modal.tsx             | 4 ++++
 4 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/modals/create-dashboard/create-dashboard.modal.tsx b/src/modals/create-dashboard/create-dashboard.modal.tsx
index 45c82fa12..aee613d87 100644
--- a/src/modals/create-dashboard/create-dashboard.modal.tsx
+++ b/src/modals/create-dashboard/create-dashboard.modal.tsx
@@ -35,6 +35,8 @@ export const CreateDashboardModal = ({ context, id, innerProps }: ContextModalPr
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -47,6 +49,8 @@ export const CreateDashboardModal = ({ context, id, innerProps }: ContextModalPr
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="green"
         >
           Create
         </Button>
diff --git a/src/modals/create-registration-token/create-registration-token.modal.tsx b/src/modals/create-registration-token/create-registration-token.modal.tsx
index de3ec9a4e..d7763eefc 100644
--- a/src/modals/create-registration-token/create-registration-token.modal.tsx
+++ b/src/modals/create-registration-token/create-registration-token.modal.tsx
@@ -46,11 +46,12 @@ export const CreateRegistrationTokenModal = ({
       </Text>
 
       <DateInput
-        label="Expiration date"
-        withAsterisk
         popoverProps={{ withinPortal: true }}
         minDate={minDate}
         maxDate={maxDate}
+        withAsterisk
+        label="Expiration date"
+        variant="filled"
         {...form.getInputProps('expirationDate')}
       />
 
@@ -59,6 +60,8 @@ export const CreateRegistrationTokenModal = ({
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -69,6 +72,8 @@ export const CreateRegistrationTokenModal = ({
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="green"
         >
           Create
         </Button>
diff --git a/src/modals/delete-registration-token/delete-registration-token.modal.tsx b/src/modals/delete-registration-token/delete-registration-token.modal.tsx
index d3ff0fd0b..17df9cf49 100644
--- a/src/modals/delete-registration-token/delete-registration-token.modal.tsx
+++ b/src/modals/delete-registration-token/delete-registration-token.modal.tsx
@@ -26,6 +26,8 @@ export const DeleteRegistrationTokenModal = ({
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -36,6 +38,8 @@ export const DeleteRegistrationTokenModal = ({
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="red"
         >
           Delete
         </Button>
diff --git a/src/modals/delete-user/delete-user.modal.tsx b/src/modals/delete-user/delete-user.modal.tsx
index 92d473c49..4c3b98908 100644
--- a/src/modals/delete-user/delete-user.modal.tsx
+++ b/src/modals/delete-user/delete-user.modal.tsx
@@ -26,6 +26,8 @@ export const DeleteUserModal = ({
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -36,6 +38,8 @@ export const DeleteUserModal = ({
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="red"
         >
           Delete
         </Button>