offline.html support light theme

2024-12-08 22:38:09 +02:00
parent f273debb87
commit 9748a3c1d2
2 changed files with 51 additions and 9 deletions
@@ -3,7 +3,8 @@
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta name="theme-color" content="#121212" />
+  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#121212" media="(prefers-color-scheme: dark)" />
  <title>Загрузка… — НаСвязи</title>
  <link rel="stylesheet" href="/css/offline.css" />
 </head>
@@ -85,11 +86,11 @@

  checkConnectionWithServiceWorker().then((isOnline) => {
    if (!isOnline) showOfflineMessage();
-  })
+  });

  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.onmessage = (event) => {
-      console.log('onmessage', event.data && event.data.type)
+      console.log('onmessage', event.data && event.data.type);
      if (event.data && event.data.type === 'MAIN_PAGE_READY') {
        location.reload();
      }
@@ -104,7 +105,6 @@
  window.addEventListener('online', handleOnlineStatus);
  addEventListener("offline", showOfflineMessage);

-
  showLoadingMessage();

  document.addEventListener('DOMContentLoaded', () => {
@@ -118,7 +118,6 @@
      console.warn('Service Worker is not available or not controlling this page.');
    }
  });
-
 </script>
 </body>
 </html>