feat: add dark mode favicons, regenerate TiK favicons

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## 2.0.0-alpha34
 
 - **BREAKING:** Add logo to Header - make sure to change or disable it on your instance
+- **BREAKING:** Add dark mode variants of favicons - make sure to update yours
 - Add shorter header text option for mobile, configurable via `BRANDING_HEADER_TITLE_TEXT_SHORT`
 
 ## 2.0.0-alpha33

packages/ilmomasiina-frontend/index.html

@@ -7,8 +7,10 @@
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,800" rel="stylesheet">
 
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" media="(prefers-color-scheme: light)">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32-dark.png" media="(prefers-color-scheme: dark)">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" media="(prefers-color-scheme: light)">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16-dark.png" media="(prefers-color-scheme: dark)">
     <meta name="apple-mobile-web-app-title" content="Ilmomasiina">
     <meta name="application-name" content="Ilmomasiina">
   </head>