Load customCSS content for the notification monitor

page/notifications.js

@@ -63,6 +63,15 @@ var feedPaused = false;
 
 const broadcastChannel = new BroadcastChannel("VineHelperChannel");
 
+//Load custom CSS
+function loadStyleSheetContent(content, path = "injected") {
+	if (content != "") {
+		const style = document.createElement("style");
+		style.innerHTML = "/*" + path + "*/\n" + content;
+		document.head.appendChild(style);
+	}
+}
+
 const handleReportClick = (e) => {
 	e.preventDefault(); // Prevent the default click behavior
 	report(e.target.dataset.asin);
@@ -182,6 +191,10 @@ async function init() {
 	setLocale(vineCountry);
 	loadedTpl = await Tpl.loadFile("/view/notification_monitor.html");
 
+	if (Settings.get("general.customCSS")) {
+		loadStyleSheetContent(Settings.get("general.customCSS"));
+	}
+
 	if (!Settings.get("notification.active")) {
 		document.getElementById("status").innerHTML =
 			"<strong>Notifications disabled</strong> You need to enable the notifications for this window to work.";