fix: favicon for safari

index.html

@@ -10,8 +10,12 @@
       content="Remanso for displaying & sharing personal notes"
     />
     <link rel="icon" href="/favicon.ico" />
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
-    <link rel="mask-icon" href="/masked-icon.svg" color="#FFFFFF" />
+    <link
+      rel="apple-touch-icon"
+      href="/apple-touch-icon-180x180.png"
+      sizes="180x180"
+    />
+    <link rel="mask-icon" href="/masked-icon.png" color="#ffffff" />
     <meta name="theme-color" content="#2C3A47" />
     <link
       rel="stylesheet"

vite.config.mts

@@ -3,7 +3,7 @@ import path from "path"
 import { defineConfig, type UserConfigExport } from "vite"
 import { VitePWA } from "vite-plugin-pwa"
 
-const mainColor = "#ffffff"
+const mainColor = "#2C3A47"
 
 export default defineConfig(({ command }) => {
   const config: UserConfigExport = {