fix(embed): transparent background via dedicated Embed theme instead of inline CSS variable override
This commit is contained in:
@@ -74,6 +74,34 @@ public static class DeepDrftPalettes
|
||||
// Semantic (Info/Success/Warning/Error) intentionally left at MudBlazor defaults
|
||||
};
|
||||
|
||||
// Embed light palette — identical to Light but Background is transparent so
|
||||
// the embedding page shows through.
|
||||
public static PaletteLight EmbedLight { get; } = new()
|
||||
{
|
||||
Primary = Light.Primary,
|
||||
PrimaryDarken = Light.PrimaryDarken,
|
||||
Secondary = Light.Secondary,
|
||||
Tertiary = Light.Tertiary,
|
||||
Background = "rgba(0,0,0,0)", // transparent
|
||||
BackgroundGray = Light.BackgroundGray,
|
||||
Surface = Light.Surface,
|
||||
AppbarBackground = Light.AppbarBackground,
|
||||
AppbarText = Light.AppbarText,
|
||||
TextPrimary = Light.TextPrimary,
|
||||
TextSecondary = Light.TextSecondary,
|
||||
TextDisabled = Light.TextDisabled,
|
||||
ActionDefault = Light.ActionDefault,
|
||||
ActionDisabled = Light.ActionDisabled,
|
||||
ActionDisabledBackground = Light.ActionDisabledBackground,
|
||||
Divider = Light.Divider,
|
||||
DividerLight = Light.DividerLight,
|
||||
TableLines = Light.TableLines,
|
||||
LinesDefault = Light.LinesDefault,
|
||||
LinesInputs = Light.LinesInputs,
|
||||
OverlayLight = Light.OverlayLight,
|
||||
OverlayDark = Light.OverlayDark,
|
||||
};
|
||||
|
||||
// Wireframe dark palette - navy ground / green-accent / off-white.
|
||||
// Mirrors the light palette's vocabulary on a dark ground; the coral/lowcountry
|
||||
// identity has been retired. On dark, green-accent (#3D7A68) becomes the primary
|
||||
@@ -109,6 +137,35 @@ public static class DeepDrftPalettes
|
||||
// Semantic (Info/Success/Warning/Error) intentionally left at MudBlazor defaults
|
||||
};
|
||||
|
||||
// Embed dark palette — identical to Dark but Background is transparent.
|
||||
public static PaletteDark EmbedDark { get; } = new()
|
||||
{
|
||||
Primary = Dark.Primary,
|
||||
PrimaryDarken = Dark.PrimaryDarken,
|
||||
Secondary = Dark.Secondary,
|
||||
Tertiary = Dark.Tertiary,
|
||||
Background = "rgba(0,0,0,0)", // transparent
|
||||
Surface = Dark.Surface,
|
||||
AppbarBackground = Dark.AppbarBackground,
|
||||
AppbarText = Dark.AppbarText,
|
||||
DrawerBackground = Dark.DrawerBackground,
|
||||
DrawerText = Dark.DrawerText,
|
||||
DrawerIcon = Dark.DrawerIcon,
|
||||
TextPrimary = Dark.TextPrimary,
|
||||
TextSecondary = Dark.TextSecondary,
|
||||
TextDisabled = Dark.TextDisabled,
|
||||
ActionDefault = Dark.ActionDefault,
|
||||
ActionDisabled = Dark.ActionDisabled,
|
||||
ActionDisabledBackground = Dark.ActionDisabledBackground,
|
||||
Divider = Dark.Divider,
|
||||
DividerLight = Dark.DividerLight,
|
||||
TableLines = Dark.TableLines,
|
||||
LinesDefault = Dark.LinesDefault,
|
||||
LinesInputs = Dark.LinesInputs,
|
||||
OverlayLight = Dark.OverlayLight,
|
||||
OverlayDark = Dark.OverlayDark,
|
||||
};
|
||||
|
||||
// Shared typography - Cormorant Garamond for display, Geist Mono for mono, DM Sans for body.
|
||||
public static Typography Typography { get; } = new()
|
||||
{
|
||||
@@ -148,5 +205,16 @@ public static class DeepDrftPalettes
|
||||
PaletteDark = Dark,
|
||||
Typography = Typography,
|
||||
};
|
||||
|
||||
/// <summary>
|
||||
/// Embed MudTheme — identical to <see cref="Default"/> but with transparent
|
||||
/// Background on both palettes so the embedding page shows through the root.
|
||||
/// </summary>
|
||||
public static MudTheme Embed { get; } = new()
|
||||
{
|
||||
PaletteLight = EmbedLight,
|
||||
PaletteDark = EmbedDark,
|
||||
Typography = Typography,
|
||||
};
|
||||
}
|
||||
#pragma warning restore CS8601
|
||||
|
||||
Reference in New Issue
Block a user