Add the dark mode icon to public; Make the icon in the title of page …

…change with the color theme of system
VandyHacks · Apr 19, 2024 · 8f0b536 · 8f0b536
1 parent 48b2d67
commit 8f0b536
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -19,7 +19,8 @@ function MyApp({ Component, pageProps }: AppProps) {
 	return (
 		<>
 			<Head>
-				<link rel="icon" type="image/x-icon" href="favicon.ico" />
+				<link rel="icon" type="image/x-icon" href="favicon.ico" media="(prefers-color-scheme: dark)" />
+				<link rel="icon" type="image/x-icon" href="favicon_black.ico" media="(prefers-color-scheme: light)" />
 				<title>{pageProps.title}</title>
 			</Head>
 			<SessionProvider session={pageProps.session}>

diff --git a/public/favicon_black.ico b/public/favicon_black.ico