aprendendofelipe
diff --git a/‎examples/form/components/DefaultLayout.jsx‎
Lines changed: 2 additions & 0 deletions b/‎examples/form/components/DefaultLayout.jsx‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎examples/form/components/Head.jsx‎
Lines changed: 13 additions & 0 deletions b/‎examples/form/components/Head.jsx‎
Lines changed: 13 additions & 0 deletions
diff --git a/‎examples/form/public/favicon-dark.png‎
6.46 KB b/‎examples/form/public/favicon-dark.png‎
6.46 KB
diff --git a/‎examples/form/public/favicon-light.png‎
6.24 KB b/‎examples/form/public/favicon-light.png‎
6.24 KB
@@ -1,10 +1,12 @@
 import { Box, GoToTopButton } from '@barso/ui';
 
+import { DefaultHead } from './Head.jsx';
 import { Header } from './Header.jsx';
 
 export function DefaultLayout({ children, containerWidth }) {
   return (
     <>
+      <DefaultHead />
       <Header />
       <Box
         sx={{
 
@@ -0,0 +1,13 @@
+'use client';
+import { useMediaQuery } from '@barso/hooks';
+import Head from 'next/head';
+
+export function DefaultHead() {
+  const isDark = useMediaQuery('(prefers-color-scheme: dark)');
+
+  return (
+    <Head>
+      <link rel="icon" href={isDark ? '/favicon-dark.png' : '/favicon-light.png'} key="favicon" />
+    </Head>
+  );
+}