acp toast message has a dark mode now

Signed-off-by: Matt Friedman <[email protected]>

adm/style/acp_abbc3.css

@@ -45,6 +45,14 @@
 	color: #333333;
 }
 
+.toast.toast-dark {
+	background: hsl(0, 0%, 20%);
+}
+
+.toast.toast-dark .toast-message .toast-text {
+	color: #ffffff;
+}
+
 #abbc3_icons_type {
 	vertical-align: top;
 }

adm/style/event/acp_overall_footer_after.html

@@ -49,6 +49,25 @@
 				});
 			});
 		})(jQuery);
+
+		function darkToast() {
+			const toast = document.getElementById('abbc3-successbox');
+
+			if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+				toast.classList.add("toast-dark");
+			} else {
+				toast.classList.remove("toast-dark");
+			}
+		}
+
+		// Initial check
+		darkToast();
+
+		// Add event listener to detect changes
+		window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+			darkToast();
+		});
+
 	</script>
 
 {% endif %}