admin/pos-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add Blazor theme patterns skill documentation and improve dark mode drawer text contrast in MainLayout.

Browse Source
This commit is contained in:
Ho Ngoc Hai
2026-01-19 10:32:11 +07:00
parent 03f1d1f526
commit b022eb1071
2 changed files with 152 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor
View File

@@ -12,17 +12,20 @@
<MudSpacer />
<!-- Desktop Navigation -->
<MudStack Row="true" Spacing="4" Class="d-none d-md-flex align-center mr-8">
<MudLink Href="/" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Home</MudLink>
<MudLink Href="/features" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Features</MudLink>
<MudLink Href="/enterprise" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Enterprise</MudLink>
<MudLink Href="/pricing" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Pricing</MudLink>
</MudStack>
<!-- Desktop Navigation & Actions (Hidden on Mobile) -->
<div class="d-none d-md-flex align-center gap-4">
<MudStack Row="true" Spacing="4" Class="mr-4">
<MudLink Href="/" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Home</MudLink>
<MudLink Href="/features" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Features</MudLink>
<MudLink Href="/enterprise" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Enterprise</MudLink>
<MudLink Href="/pricing" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Pricing</MudLink>
</MudStack>
<MudStack Row="true" Spacing="2">
<MudButton Variant="Variant.Outlined" Color="Color.Inherit" Class="rounded-lg">Sign in</MudButton>
<MudButton Variant="Variant.Filled" Color="Color.Primary" Class="rounded-lg">Download</MudButton>
</MudStack>
<MudStack Row="true" Spacing="2">
<MudButton Variant="Variant.Outlined" Color="Color.Inherit" Class="rounded-lg">Sign in</MudButton>
<MudButton Variant="Variant.Filled" Color="Color.Primary" Class="rounded-lg">Download</MudButton>
</MudStack>
</div>
<MudIconButton Icon="@(_isDarkMode ? Icons.Material.Rounded.LightMode : Icons.Material.Rounded.DarkMode)"
Color="Color.Inherit"
Class="ml-2"
@@ -72,8 +75,8 @@
AppbarText = "#fafafa",
Background = "#09090b",
Surface = "#18181b", // Zinc-900
DrawerBackground = "#09090b",
DrawerText = "#a1a1aa", // Zinc-400
DrawerBackground = "#09090b", // Zinc-950 (Match Body Background)
DrawerText = "#fafafa", // Zinc-50 (Ligher text for better contrast)
TextPrimary = "#fafafa",
TextSecondary = "#a1a1aa",
ActionDefault = "#a1a1aa",