Adapt favicon to user theme

openworkers · Feb 21, 2024 · 79f9752 · 79f9752
1 parent 0c22f38
commit 79f9752
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 2 deletions.
diff --git a/angular.json b/angular.json
@@ -48,7 +48,7 @@
             "main": "src/main.ts",
             "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
-            "assets": ["src/favicon.ico", "src/assets"],
+            "assets": ["src/assets"],
             "styles": ["src/styles.css", "node_modules/highlight.js/styles/github.css"],
             "scripts": []
           },

diff --git a/src/assets/favicon-dark.ico b/src/assets/favicon-dark.ico
diff --git a/src/assets/favicon-light.ico b/src/assets/favicon-light.ico
diff --git a/src/assets/favicon.svg b/src/assets/favicon.svg
diff --git a/src/favicon.ico b/src/favicon.ico
diff --git a/src/index.html b/src/index.html
@@ -5,7 +5,9 @@
     <title>OpenWorkers</title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link rel="icon" href="assets/favicon-dark.ico" media="(prefers-color-scheme: dark)" sizes="64x64" />
+    <link rel="icon" href="assets/favicon-light.ico" media="(prefers-color-scheme: light)" sizes="64x64" />
+    <link rel="icon" href="assets/favicon.svg" />
   </head>
   <body>
     <main></main>