Make the favicon a background-free, theme-aware logo

AGENTS.md

@@ -13,7 +13,7 @@ extended with pinned-particle typography and DOM-anchored force effectors.
 |---|---|
 | `src/` | Application code. `src/party/` holds the engine wiring, demo presets, and the custom multi-effector force module. |
 | `vendor/party/` | Vendored fork of the `@cazala/party` engine core; imports keep the upstream package name via aliases. Every divergence from upstream is listed in `vendor/party/README.md`. Kept in upstream code style (exempt from repo ESLint and the trailing-whitespace check, still typechecked). |
-| `public/` | Static files served verbatim; currently the Pages `CNAME` and the favicon. |
+| `public/` | Static files served verbatim; the Pages `CNAME` and the favicon set (`favicon.svg` is the source, the `.ico`/PNGs are rendered from it). |
 | `.agents/` | Canonical shared skills, MCP definitions, and adapter scripts. |
 | `.claude/`, `.cursor/`, `.codex/`, `.gemini/`, `.github/`, `.mcp.json` | Agent adapters. Generated files must not be edited directly. |
 | `.devcontainer/` | Container definition for Codespaces and local devcontainers. |

index.html

@@ -5,7 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.ico" sizes="32x32" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/png" href="/favicon-96x96-dark.png" sizes="96x96" media="(prefers-color-scheme: dark)" />
+    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" media="(prefers-color-scheme: light)" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <meta name="description" content="Bennett Vernon — I like to build things." />
     <title>Bennett Vernon</title>