-
next-dark-mode::new_moon:为Next.js应用启用暗模式下载
资源介绍
next-dark-mode
:first_quarter_moon: 使用黑暗模式为您的Next.js应用程序设置主题
内容:
特征
自动模式
next-dark-mode可选地支持自动模式,该模式将根据其操作系统上选择的颜色模式自动切换用户的主题。
和macOS均支持根据一天中的时间设置暗或亮模式。
它是通过“ prefers-color-scheme媒体查询来实现的。
没有页面加载故障
next-dark-mode使用可配置的cookie来保持当前主题的状态,一个用于自动模式,另一个用于黑暗模式。
这可以防止本地存储方法出现常见的页面加载故障,在本地存储方法中,应用程序将加载到客户端,然后获取用户主题的状态。
您可以在Pantaley Stoyanov的此实现中看到它。
注意:该库与Next.js 9的自动部分静态导出功能不兼容,因为它必须读取getInitialProps函数中的cookie,这会使所有