UCMercedACM · No767 · Jul 26, 2026 · Jul 26, 2026
diff --git a/index.html b/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="icon" href="/favicon.ico" sizes="48x48">
+    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
+    <meta name="theme-color" content="#00E1BF" media="(prefers-color-scheme: light)">
+    <meta name="theme-color" content="#0D3B4A" media="(prefers-color-scheme: dark)">
     <meta name="apple-mobile-web-app-title" content="UCM ACM" />
-    <link rel="manifest" href="/site.webmanifest" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ACM @ UC Merced</title>
   </head>

diff --git a/package.json b/package.json
@@ -77,6 +77,7 @@
     "tw-animate-css": "^1.4.0",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "typescript-eslint": "^8.62.1",
-    "vite": "^8.1.3"
+    "vite": "^8.1.3",
+    "vite-plugin-pwa": "^1.3.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-96x96.png b/public/favicon-96x96.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
diff --git a/public/pwa-maskable-192x192.png b/public/pwa-maskable-192x192.png
diff --git a/public/pwa-maskable-512x512.png b/public/pwa-maskable-512x512.png
diff --git a/public/site.webmanifest b/public/site.webmanifest
diff --git a/public/web-app-manifest-192x192.png b/public/web-app-manifest-192x192.png
diff --git a/public/web-app-manifest-512x512.png b/public/web-app-manifest-512x512.png
diff --git a/vite.config.ts b/vite.config.ts
@@ -5,6 +5,7 @@ import tailwindcss from "@tailwindcss/vite";
 import { tanstackRouter } from "@tanstack/router-plugin/vite";
 import react, { reactCompilerPreset } from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
+import { VitePWA } from "vite-plugin-pwa";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -18,6 +19,41 @@ export default defineConfig({
       presets: [reactCompilerPreset()],
     }),
     tailwindcss(),
+    VitePWA({
+      registerType: "autoUpdate",
+      manifestFilename: "site.webmanifest",
+      manifest: {
+        id: "/",
+        name: "ACM @ UC Merced",
+        short_name: "UCMACM",
+        description:
+          "The official website of the Association for Computing Machinery student chapter at UC Merced — find our events, student projects, and special interest groups.",
+        start_url: "/",
+        scope: "/",
+        display: "standalone",
+        background_color: "#F5F5F5",
+        theme_color: "#00E1BF",
+        icons: [
+          { src: "/pwa-192x192.png", sizes: "192x192", type: "image/png", purpose: "any" },
+          { src: "/pwa-512x512.png", sizes: "512x512", type: "image/png", purpose: "any" },
+          {
+            src: "/pwa-maskable-192x192.png",
+            sizes: "192x192",
+            type: "image/png",
+            purpose: "maskable",
+          },
+          {
+            src: "/pwa-maskable-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "maskable",
+          },
+        ],
+      },
+      workbox: {
+        globPatterns: ["**/*.{js,css,html,ico,png,svg,jpg,woff2}"],
+      },
+    }),
   ],
   resolve: {
     alias: {