chore: support dark mode for favicon (#195)

antfu · web-flow · commit 156b76f94e47 · 2022-01-17T11:32:13.000+01:00
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
@@ -1,4 +1,10 @@
 <svg width="105" height="122" viewBox="0 0 105 122" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M32.4375 0.9375C33.5625 0.9375 34.5833 0.979167 35.5 1.0625C36.4167 1.10417 37.6667 1.1875 39.25 1.3125V15.8125C38.25 15.6875 36.5625 15.6042 34.1875 15.5625C31.8542 15.4792 30.2292 16 29.3125 17.125C28.4375 18.2083 28 19.4167 28 20.75C28 22.0833 28 24 28 26.5H39.6875V39.0625H28V94H10.25V39.0625H0.3125V26.5H10.0625V22.125C10.0625 14.8333 11.2917 9.8125 13.75 7.0625C16.3333 2.97917 22.5625 0.9375 32.4375 0.9375ZM104.188 17.75H86.375V1.3125H104.188V17.75ZM77.8125 107.062C78.8125 107.146 79.5208 107.188 79.9375 107.188C80.3542 107.229 80.7292 107.25 81.0625 107.25C82.8125 107.25 84.125 106.812 85 105.938C85.9167 105.104 86.375 103.458 86.375 101V26.1875H104.188V101.312C104.188 108.188 102.833 113.271 100.125 116.562C97.4167 119.854 92.1042 121.5 84.1875 121.5C83.6458 121.5 82.8333 121.479 81.75 121.438C80.7083 121.396 79.3958 121.354 77.8125 121.312V107.062Z" fill="black"/>
+<style>
+.text { fill: black; }
+@media (prefers-color-scheme: dark) {
+  .text { fill: white; }
+}
+</style>
+<path class="text" d="M32.4375 0.9375C33.5625 0.9375 34.5833 0.979167 35.5 1.0625C36.4167 1.10417 37.6667 1.1875 39.25 1.3125V15.8125C38.25 15.6875 36.5625 15.6042 34.1875 15.5625C31.8542 15.4792 30.2292 16 29.3125 17.125C28.4375 18.2083 28 19.4167 28 20.75C28 22.0833 28 24 28 26.5H39.6875V39.0625H28V94H10.25V39.0625H0.3125V26.5H10.0625V22.125C10.0625 14.8333 11.2917 9.8125 13.75 7.0625C16.3333 2.97917 22.5625 0.9375 32.4375 0.9375ZM104.188 17.75H86.375V1.3125H104.188V17.75ZM77.8125 107.062C78.8125 107.146 79.5208 107.188 79.9375 107.188C80.3542 107.229 80.7292 107.25 81.0625 107.25C82.8125 107.25 84.125 106.812 85 105.938C85.9167 105.104 86.375 103.458 86.375 101V26.1875H104.188V101.312C104.188 108.188 102.833 113.271 100.125 116.562C97.4167 119.854 92.1042 121.5 84.1875 121.5C83.6458 121.5 82.8333 121.479 81.75 121.438C80.7083 121.396 79.3958 121.354 77.8125 121.312V107.062Z"/>
 <path d="M49.625 75.375H68.5625V94H49.625V75.375Z" fill="#CE0401"/>
 </svg>
