aserbin/IDP-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fixed theme blinking on reload

Browse Source
This commit is contained in:
AlexSserb
2025-07-22 18:48:01 +04:00
parent 6b728f3780
commit d844e82785
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/layout.tsx
View File

@ -25,7 +25,7 @@ export default function RootLayout({ children }: Props) {
lang="ru" lang="ru"
{...mantineHtmlProps}> {...mantineHtmlProps}>
<head> <head>
<ColorSchemeScript /> <ColorSchemeScript defaultColorScheme={"auto"} />
<link <link
rel="shortcut icon" rel="shortcut icon"
href="/favicon.svg" href="/favicon.svg"
@ -43,7 +43,7 @@ export default function RootLayout({ children }: Props) {
<body> <body>
<MantineProvider <MantineProvider
theme={theme} theme={theme}
defaultColorScheme={"dark"}> defaultColorScheme={"auto"}>
<Header /> <Header />
{children} {children}
<Footer /> <Footer />

2
components/ColorSchemeToggle/ColorSchemeToggle.tsx
View File

@ -11,7 +11,7 @@ import style from "./ActionToggle.module.css";
export function ColorSchemeToggle() { export function ColorSchemeToggle() {
const { setColorScheme } = useMantineColorScheme(); const { setColorScheme } = useMantineColorScheme();
const computedColorScheme = useComputedColorScheme("light", { const computedColorScheme = useComputedColorScheme(undefined, {
getInitialValueInEffect: true, getInitialValueInEffect: true,
}); });