leftyer/MASA.Blazor
1
0
Fork 0
mirror of https://gitee.com/blazorcomponent/MASA.Blazor.git synced 2025-12-06 18:29:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix(Theme): missing the 'surface-container' css class (#2329)

Browse Source
This commit is contained in:
capdiem
2025-02-26 11:22:10 +08:00
parent 099d67863e
commit 198f7ce324
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Masa.Blazor/Core/ThemeCssBuilder.cs
View File

@@ -1,4 +1,6 @@
namespace Masa.Blazor;
using BemIt.Extensions;
namespace Masa.Blazor;
public static class ThemeCssBuilder
{
@@ -66,7 +68,8 @@ public static class ThemeCssBuilder
Build(combinePrefix, nameof(options.Warning).ToLowerInvariant(), hasOnColor: true),
Build(combinePrefix, nameof(options.Error).ToLowerInvariant(), hasOnColor: true),
Build(combinePrefix, nameof(options.Surface).ToLowerInvariant(), hasOnColor: true),
Build(combinePrefix, options.UserDefined)
Build(combinePrefix, options.UserDefined),
BuildBgCssClass(combinePrefix, nameof(options.SurfaceContainer).ToKebab())
};
return string.Concat(lstCss);
@@ -121,4 +124,15 @@ public static class ThemeCssBuilder
{
return string.Join("", userDefined.Select(x => Build(combinePrefix, x.Key.ToLowerInvariant())));
}
private static string BuildBgCssClass(string combinePrefix, string className)
{
return $$"""
{{combinePrefix}}.{{className}} {
background-color: var(--m-theme-{{className}}) !important;
border-color: var(--m-theme-{{className}}) !important;
}
""";
}
}