From c255a7be4972fcd47a30cee9593093bdf90dfd61 Mon Sep 17 00:00:00 2001
From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com>
Date: Thu, 5 Sep 2024 15:47:28 +0100
Subject: [PATCH] fix modal in dark mode

---
 ui/ui/sections/header.tpl | 19 +++++++++++++++++++
 ui/ui/user-ui/header.tpl  | 20 ++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl
index d056aabc..0ea33f58 100644
--- a/ui/ui/sections/header.tpl
+++ b/ui/ui/sections/header.tpl
@@ -1015,6 +1015,25 @@
             font-weight: bold;
         }
 
+        .dark-mode .modal-content {
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 15px;
+            border-bottom-left-radius: 15px;
+            -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125);
+            box-shadow: 0 2px 3px rgba(0, 0, 0, .125);
+            border: 0;
+            background: #1a202c;
+        }
+
+        .dark-mode .modal-header {
+            padding: 15px;
+            border-bottom: 1px solid rgba(221, 224, 255, .54);
+            min-height: 16.428571429px;
+            background-color: #1a202c;
+            color: inherit;
+        }
+
         /* Dark Mode - Select2 Dropdown ends here */
 
         /* dark mode styles start ends here */
diff --git a/ui/ui/user-ui/header.tpl b/ui/ui/user-ui/header.tpl
index 09841709..f88820aa 100644
--- a/ui/ui/user-ui/header.tpl
+++ b/ui/ui/user-ui/header.tpl
@@ -717,6 +717,26 @@
         .dark-mode .main-header .logo .logo-lg {
             font-weight: bold;
         }
+
+
+        .dark-mode .modal-content {
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 15px;
+            border-bottom-left-radius: 15px;
+            -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125);
+            box-shadow: 0 2px 3px rgba(0, 0, 0, .125);
+            border: 0;
+            background: #1a202c;
+        }
+
+        .dark-mode .modal-header {
+            padding: 15px;
+            border-bottom: 1px solid rgba(221, 224, 255, .54);
+            min-height: 16.428571429px;
+            background-color: #1a202c;
+            color: inherit;
+        }
     </style>
 
     {if isset($xheader)}