feat: Generate favicons and icons for a wider range of devices and th…

…emes

README.md

@@ -44,7 +44,9 @@ Welcome to the source code repository for the LCC web app! Here you'll find an o
 v4.1.7 - November 19th, 2024
 </summary>
 
+- 🚀 Generate favicons and icons for a wider range of devices and themes
 - 🚀 Improve safe mode notice text styling
+- 🚀 Improve disabled button styling
 - 🐛 Reverse logic of safe mode toggle switch in Member Editor form
 - 🐛 Fix bug where a valid member ID in the URL was sometimes interpreted as invalid
 - 🐛 Fix bug where sometimes previous event or member would be loaded up when editing

angular.json

@@ -28,7 +28,7 @@
             "polyfills": ["zone.js", "window-global-fix.ts"],
             "tsConfig": "tsconfig.app.json",
             "aot": true,
-            "assets": ["src/favicon.ico", "src/assets", "src/manifest.webmanifest"],
+            "assets": ["src/favicon.ico", "src/favicon.svg", "src/assets", "src/manifest.webmanifest"],
             "inlineStyleLanguage": "scss",
             "styles": ["src/styles/main.scss"],
             "scripts": [

src/index.html

@@ -31,11 +31,16 @@
     <!-- icons -->
     <link
       rel="shortcut icon"
-      href="favicon.ico?v=151515" />
+      href="/favicon.ico" />
     <link
       rel="icon"
-      type="image/x-icon"
-      href="favicon.ico" />
+      type="image/svg+xml"
+      href="/favicon.svg" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="96x96"
+      href="assets/icons/favicon-96x96.png" />
     <link
       rel="icon"
       type="image/png"
@@ -53,7 +58,7 @@
     <link
       rel="mask-icon"
       href="assets/icons/safari-pinned-tab.svg"
-      color="#5bbad5" />
+      color="#ffffff" />
     <link
       rel="manifest"
       href="manifest.webmanifest" />

src/manifest.webmanifest

@@ -2,8 +2,8 @@
   "name": "London Chess Club",
   "short_name": "LCC",
   "description": "The official London Chess Club website",
-  "theme_color": "#3d668f",
-  "background_color": "#fafafa",
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
   "display": "standalone",
   "scope": "./",
   "start_url": "./",
@@ -23,6 +23,21 @@
       "sizes": "32x32",
       "type": "image/png"
     },
+    {
+      "src": "assets/icons/favicon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
     {
       "src": "assets/icons/safari-pinned-tab.svg",
       "sizes": "128x128",