Symfony EasyAdmin 4如何默认启用暗色模式?仅见disableDarkMode()方法
EasyAdmin 4 默认启用暗色模式的实现方法
EasyAdmin 4 没有提供直接的->enableDarkMode()配置方法,但可以通过以下两种方式实现默认启用暗色模式:
方式一:通过JS强制添加暗色模式类
EasyAdmin的暗色模式依赖根元素的darkCSS类实现,你可以在Dashboard配置中添加一段内嵌JS,让页面加载时自动为根元素添加该类:public function configureDashboard(): Dashboard { return Dashboard::new() // 保留你的其他Dashboard配置 ->addHtmlContentToBody('<script>document.documentElement.classList.add("dark");</script>'); }方式二:同步本地存储偏好
如果希望同时设置用户的本地存储偏好(避免用户刷新后恢复亮色模式),可以同时修改localStorage的值:public function configureDashboard(): Dashboard { return Dashboard::new() // 保留你的其他Dashboard配置 ->addHtmlContentToBody('<script> localStorage.setItem("ea-theme-mode", "dark"); document.documentElement.classList.add("dark"); </script>'); }
注意:不要调用->disableDarkMode()方法,否则会完全禁用暗色模式的切换功能,上述自定义设置也会失效。
内容的提问来源于stack exchange,提问作者Agamemnon Katradis
相关产品推荐
相关产品推荐

