Merge pull request #1 from messengerblack/macos11

macOS 11 compatibility

.gitignore

@@ -1,2 +1,3 @@
+node_modules
 xcuserdata/
 .DS_Store

Messenger Black for Safari/.npmrc

@@ -0,0 +1 @@
+registry=https://npm.pkg.github.com/messengerblack

Messenger Black for Safari/Info.plist

@@ -40,8 +40,21 @@
 		<key>SFSafariStyleSheet</key>
 		<array>
 			<dict>
+				<key>Allowed URL Patterns</key>
+				<array>
+					<string>https://*.messenger.com/*</string>
+					<string>https://*.facebook.com/*</string>
+				</array>
 				<key>Style Sheet</key>
-				<string>messengerblack.css</string>
+				<string>base.css</string>
+			</dict>
+			<dict>
+				<key>Allowed URL Patterns</key>
+				<array>
+					<string>https://*.messenger.com/*</string>
+				</array>
+				<key>Style Sheet</key>
+				<string>svg.css</string>
 			</dict>
 		</array>
 		<key>SFSafariToolbarItem</key>
@@ -60,7 +73,7 @@
 			<key>Allowed Domains</key>
 			<array>
 				<string>*.messenger.com</string>
-				<string>*.facebook.com/messages</string>
+				<string>*.facebook.com</string>
 			</array>
 			<key>Level</key>
 			<string>Some</string>

Messenger Black for Safari/bundle.js

@@ -318,7 +318,7 @@ var timerVariable;
 document.addEventListener("DOMContentLoaded", initialized);
 
 function initialized() {
-    safari.extension.dispatchMessage("Initialized");
+    setTimeout(function(){ safari.extension.dispatchMessage("Initialized"); }, 1000);
 }
 
 
@@ -339,10 +339,10 @@ function handleMessage(event) {
 function manualChanged(event) {
 
     if(event.message["State"] === "On") {
-        document.body.classList.add("blackMode");
+        document.documentElement.classList.add("__fb-dark-mode");
     }
     else {
-        document.body.classList.remove("blackMode");
+        document.documentElement.classList.remove("__fb-dark-mode");
     }
 
     clearInterval(timerVariable);
@@ -387,20 +387,20 @@ function scheduledTimer(startTimeHour, startTimeMinute, endTimeHour, endTimeMinu
     if(endTimeHour < startTimeHour || (endTimeHour == startTimeHour && endTimeMinute < startTimeMinute)) {
 
         if(currentHour < endTimeHour || (currentHour == endTimeHour && currentMinute < endTimeMinute) || (currentHour == startTimeHour && currentMinute >= startTimeMinute) || currentHour > startTimeHour) {
-            document.body.classList.add("blackMode");
+            document.documentElement.classList.add("__fb-dark-mode");
         }
         else {
-            document.body.classList.remove("blackMode");
+            document.documentElement.classList.remove("__fb-dark-mode");
         }
 
     }
     else {
 
         if((currentHour > startTimeHour || (currentHour == startTimeHour && currentMinute >= startTimeMinute)) && ((currentHour == endTimeHour && currentMinute < endTimeMinute) || currentHour < endTimeHour)) {
-            document.body.classList.add("blackMode");
+            document.documentElement.classList.add("__fb-dark-mode");
         }
         else {
-            document.body.classList.remove("blackMode");
+            document.documentElement.classList.remove("__fb-dark-mode");
         }
 
     }