Skip to content

Commit 1eb21d2

Browse files
kylecarbskylecarbs
authored
feat: adjust favicon based on system color-scheme (#10087)
This will still default to light-theme, but support showing a white favicon when the system-theme is dark.
1 parent a5f8300 commit 1eb21d2

File tree

5 files changed

+26
-2
lines changed

5 files changed

+26
-2
lines changed

‎site/index.html

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,13 +28,29 @@
2828
<link
2929
rel="alternate icon"
3030
type="image/png"
31-
href="/favicons/favicon.png"
31+
href="/favicons/favicon-light.png"
32+
media="(prefers-color-scheme: dark)"
3233
data-react-helmet="true"
3334
/>
3435
<link
3536
rel="icon"
3637
type="image/svg+xml"
37-
href="/favicons/favicon.svg"
38+
href="/favicons/favicon-light.svg"
39+
media="(prefers-color-scheme: dark)"
40+
data-react-helmet="true"
41+
/>
42+
<link
43+
rel="alternate icon"
44+
type="image/png"
45+
href="/favicons/favicon-dark.png"
46+
media="(prefers-color-scheme: light)"
47+
data-react-helmet="true"
48+
/>
49+
<link
50+
rel="icon"
51+
type="image/svg+xml"
52+
href="/favicons/favicon-dark.svg"
53+
media="(prefers-color-scheme: light)"
3854
data-react-helmet="true"
3955
/>
4056
<style>

‎site/static/favicons/favicon.png renamed to ‎site/static/favicons/favicon-dark.png

File renamed without changes.

‎site/static/favicons/favicon.svg renamed to ‎site/static/favicons/favicon-dark.svg

File renamed without changes.

‎site/static/favicons/favicon-light.png

2.68 KB
Loading

‎site/static/favicons/favicon-light.svg

Lines changed: 8 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)