Add masking / mono icons.

src/sw.ts

@@ -137,7 +137,7 @@ self.addEventListener("push", (event) => {
                     : JSON.stringify(data.content),
             timestamp: decodeTime(data._id),
             tag: data.channel,
-            badge: "https://app.revolt.chat/assets/icons/android-chrome-512x512.png",
+            badge: "https://app.revolt.chat/assets/icons/mono-48x48.png",
             data:
                 channel?.channel_type === "TextChannel"
                     ? `/server/${channel.server}/channel/${channel._id}`

vite.config.ts

@@ -54,8 +54,8 @@ export default defineConfig({
         description: isNightly ? "Early preview builds of Revolt." : "User-first, privacy-focused chat platform.",
         categories: ["messaging"],
         start_url: "/",
+        orientation: "any",
         display: "standalone",
-        orientation: "portrait",
         background_color: "#101823",
         icons: [
             {
@@ -67,6 +67,18 @@ export default defineConfig({
                 "src": `/assets/icons/${iconPrefix}android-chrome-512x512.png`,
                 "type": "image/png",
                 "sizes": "512x512"
+            },
+            {
+                "src": `/assets/icons/mono-48x48.png`,
+                "type": "image/png",
+                "sizes": "48x48",
+                "purpose": "mono"
+            },
+            {
+                "src": `/assets/icons/masking-512x512.png`,
+                "type": "image/png",
+                "sizes": "512x512",
+                "purpose": "maskable"
             }
         ]
       }