fix: fixed theme blinking on reload
This commit is contained in:
@ -25,7 +25,7 @@ export default function RootLayout({ children }: Props) {
|
||||
lang="ru"
|
||||
{...mantineHtmlProps}>
|
||||
<head>
|
||||
<ColorSchemeScript />
|
||||
<ColorSchemeScript defaultColorScheme={"auto"} />
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="/favicon.svg"
|
||||
@ -43,7 +43,7 @@ export default function RootLayout({ children }: Props) {
|
||||
<body>
|
||||
<MantineProvider
|
||||
theme={theme}
|
||||
defaultColorScheme={"dark"}>
|
||||
defaultColorScheme={"auto"}>
|
||||
<Header />
|
||||
{children}
|
||||
<Footer />
|
||||
|
||||
@ -11,7 +11,7 @@ import style from "./ActionToggle.module.css";
|
||||
|
||||
export function ColorSchemeToggle() {
|
||||
const { setColorScheme } = useMantineColorScheme();
|
||||
const computedColorScheme = useComputedColorScheme("light", {
|
||||
const computedColorScheme = useComputedColorScheme(undefined, {
|
||||
getInitialValueInEffect: true,
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user