ABP框架社区版Lepton X Lite主题能否切换浅色模式及操作方法

支持情况说明 #

Lepton X Lite Theme（ABP社区版配套主题）完全支持浅色模式，该功能属于社区版内置基础特性，无需升级至商业版即可使用。

具体操作方法 #

1. 前端UI直接切换 #

• 打开应用后，点击页面右上角的用户头像/设置下拉按钮
• 在弹出的菜单中找到「浅色模式」（或英文「Light Mode」）选项
• 点击选项即可完成切换，设置会自动保存到浏览器本地存储，下次打开应用将保持该模式

2. 代码配置默认启用浅色模式 #

若需要让应用启动时默认使用浅色模式，可通过代码修改默认配置：

• Blazor/WASM项目：在Program.cs中添加主题配置

builder.Services.AddLeptonXLiteBlazorTheme(options =>
{
    options.DefaultThemeMode = ThemeMode.Light;
});

• MVC/Razor Pages项目：在模块配置类中修改AbpMvcUiOptions

Configure<AbpMvcUiOptions>(options =>
{
    options.Theme = LeptonXLiteTheme.Name;
    options.DefaultThemeMode = ThemeMode.Light;
});

内容的提问来源于stack exchange，提问作者user19815101