From 687b9a00dc0fc96305d50db22e268f11c84dabc0 Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Tue, 19 Nov 2024 13:03:27 -0500
Subject: [PATCH] chore: light dark favicon

---
 examples/nft-quest/public/favicon.svg   | 12 +++++++++++-
 packages/auth-server/public/favicon.svg | 12 +++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/examples/nft-quest/public/favicon.svg b/examples/nft-quest/public/favicon.svg
index f8ab5829..ed73b974 100644
--- a/examples/nft-quest/public/favicon.svg
+++ b/examples/nft-quest/public/favicon.svg
@@ -1 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 500 500"><path d="M0 0h500v500H0z" style="fill:#000"/><path d="M0 60.5 61 0v30.315h61L61 75.657V121zM152 0l61 60.5-61 60.5V90.815H91l61-45.472z" style="fill:#fff;fill-rule:nonzero" transform="translate(53.225 138.217)scale(1.84765)"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 500 500"><style>
+  @media (prefers-color-scheme: dark) {
+    #bg { fill: #000; }
+    #logo { fill: #fff; }
+  }
+
+  @media (prefers-color-scheme: light) {
+    #bg { fill: #fff; }
+    #logo { fill: #000; }
+  }
+</style><path id="bg" d="M0 0h500v500H0z" /><path d="M0 60.5 61 0v30.315h61L61 75.657V121zM152 0l61 60.5-61 60.5V90.815H91l61-45.472z" id="logo" style="fill-rule:nonzero" transform="translate(53.225 138.217)scale(1.84765)"/></svg>
diff --git a/packages/auth-server/public/favicon.svg b/packages/auth-server/public/favicon.svg
index f8ab5829..ed73b974 100644
--- a/packages/auth-server/public/favicon.svg
+++ b/packages/auth-server/public/favicon.svg
@@ -1 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 500 500"><path d="M0 0h500v500H0z" style="fill:#000"/><path d="M0 60.5 61 0v30.315h61L61 75.657V121zM152 0l61 60.5-61 60.5V90.815H91l61-45.472z" style="fill:#fff;fill-rule:nonzero" transform="translate(53.225 138.217)scale(1.84765)"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 500 500"><style>
+  @media (prefers-color-scheme: dark) {
+    #bg { fill: #000; }
+    #logo { fill: #fff; }
+  }
+
+  @media (prefers-color-scheme: light) {
+    #bg { fill: #fff; }
+    #logo { fill: #000; }
+  }
+</style><path id="bg" d="M0 0h500v500H0z" /><path d="M0 60.5 61 0v30.315h61L61 75.657V121zM152 0l61 60.5-61 60.5V90.815H91l61-45.472z" id="logo" style="fill-rule:nonzero" transform="translate(53.225 138.217)scale(1.84765)"/></svg>