我正在使用Mantine v7.1.2与NextJS。我已经将此代码添加到我的_app.tsx,但页面刷新时的黑暗主题仍然存在。我如何解决这个问题?提前感谢您<MantineProvider theme={defaultTheme} defaultColorScheme='light' >
_app.tsx
<MantineProvider theme={defaultTheme} defaultColorScheme='light'
4nkexdtk1#
Mantine团队在他们的文档中提供了流行环境的模板。您的问题中没有足够的细节,但我可以建议您查看模板并与您的项目进行比较。列出的模板here。下一个应用程序路由和下一个页面路由,两者都可用。
hgqdbh6s2#
Mantine确实在注入css之后,但在JavaScript将data-mantine-color-scheme="value"属性添加到html标签之前,刷新了默认浏览器的配色方案。我使用的解决方法是在<html ...标记上手动设置data-mantine-color-scheme="light"(或dark或auto)以避免闪光。
data-mantine-color-scheme="value"
html
<html ...
data-mantine-color-scheme="light"
dark
auto
2条答案
按热度按时间4nkexdtk1#
Mantine团队在他们的文档中提供了流行环境的模板。您的问题中没有足够的细节,但我可以建议您查看模板并与您的项目进行比较。
列出的模板here。
下一个应用程序路由和下一个页面路由,两者都可用。
hgqdbh6s2#
Mantine确实在注入css之后,但在JavaScript将
data-mantine-color-scheme="value"
属性添加到html
标签之前,刷新了默认浏览器的配色方案。我使用的解决方法是在
<html ...
标记上手动设置data-mantine-color-scheme="light"
(或dark
或auto
)以避免闪光。