Added Dark Mode Support for the Hint Pop-Up in the Customer Portal and Updated the font color for the Customer Login Panel Hint Pop-Up to dark black to make it more visible to the users.

yehiarasheed · yehiarasheed · commit 5c33e1c787fe · 2025-02-15T19:13:43.000+02:00
diff --git a/WebApplication2/Customer/Pages/CustomerComponent.aspx b/WebApplication2/Customer/Pages/CustomerComponent.aspx
@@ -406,7 +406,7 @@
             }
         }
 
-                .hint-popup {
+        .hint-popup {
             position: fixed;
             bottom: 20px;
             right: 20px;
@@ -437,6 +437,18 @@
             color: #ff0000;
         }
 
+        /* Dark mode styles for hint-popup */
+        .dark-mode .hint-popup {
+            background-color: #2b2b2b;
+            border: 1px solid #555;
+            color: #f0f0f0;
+        }
+        .dark-mode .hint-popup .close-btn {
+            color: #f0f0f0;
+        }
+        .dark-mode .hint-popup .close-btn:hover {
+            color: #ff0000;
+        }
     </style>
 </head>
 <body class="light-mode">
diff --git a/WebApplication2/Customer/Pages/login.aspx b/WebApplication2/Customer/Pages/login.aspx
@@ -118,6 +118,7 @@
             padding: 20px;
             z-index: 1000;
             display: none; /* Initially hidden */
+            color: #000;
         }
 
         .hint-popup-content {

Original file line number	Diff line number	Diff line change
`@@ -118,6 +118,7 @@`
`118`	`118`	`padding: 20px;`
`119`	`119`	`z-index: 1000;`
`120`	`120`	`display: none; /* Initially hidden */`
	`121`	`+ color: #000;`
`121`	`122`	`}`
`122`	`123`
`123`	`124`	`.hint-popup-content {`