Update favicon styling, size, and theme.

layouts/partials/favicons.html

@@ -1,7 +1,6 @@
-
+  <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
-    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="shortcut icon" href="/favicon.ico" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="HyperMusings" />
-    <meta name="apple-mobile-web-app-title" content="HyperMusings" />
+  <link rel="manifest" href="/site.webmanifest" />
-    <link rel="manifest" href="/site.webmanifest" />

static/site.webmanifest

@@ -1,5 +1,5 @@
 {
-  "name": "HyperMusings",
+  "name": "Hyperling's Musings",
   "short_name": "HyperMusings",
   "icons": [
     {
@@ -15,7 +15,7 @@
       "purpose": "maskable"
     }
   ],
-  "theme_color": "#010101",
+  "theme_color": "#cccccc",
   "background_color": "#cccccc",
   "display": "standalone"
 }