You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Symfony EasyAdmin 4如何默认启用暗色模式?仅见disableDarkMode()方法

EasyAdmin 4 默认启用暗色模式的实现方法

EasyAdmin 4 没有提供直接的->enableDarkMode()配置方法,但可以通过以下两种方式实现默认启用暗色模式:

  • 方式一:通过JS强制添加暗色模式类
    EasyAdmin的暗色模式依赖根元素的dark CSS类实现,你可以在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 13:44:51