feat : add dark theme

release
Amir Hossein Khademi 2024-02-26 14:29:10 +03:30
parent acb8cfc638
commit 4ae2dcfb39
4 changed files with 30 additions and 27 deletions

View File

@ -13,7 +13,7 @@
</Found>
<NotFound>
<MudRTLProvider RightToLeft="true">
<MudThemeProvider IsDarkMode="true" Theme="@MainTheme.MyCustomTheme" />
<MudThemeProvider IsDarkMode="@MainTheme.IsDarkMode" Theme="@MainTheme.MyCustomTheme" />
<MudDialogProvider />
<MudSnackbarProvider />

View File

@ -32,7 +32,7 @@
<AuthorizeView>
<Authorized>
<MudRTLProvider RightToLeft="true">
<MudThemeProvider IsDarkMode="false" Theme="@MainTheme.MyCustomTheme" />
<MudThemeProvider IsDarkMode="@MainTheme.IsDarkMode" Theme="@MainTheme.MyCustomTheme" />
<MudDialogProvider />
<MudSnackbarProvider />
<RadzenContextMenu />
@ -44,40 +44,42 @@
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" OnClick="@ToggleDrawer" Edge="Edge.Start" />
</MudHidden>
@* <MudAvatar Size="Size.Large" Variant="Variant.Outlined">
<MudImage Src="https://img.freepik.com/free-photo/portrait-white-man-isolated_53876-40306.jpg?size=626&ext=jpg&ga=GA1.1.632798143.1705708800&semt=ais"></MudImage>
<MudImage Src="https://img.freepik.com/free-photo/portrait-white-man-isolated_53876-40306.jpg?size=626&ext=jpg&ga=GA1.1.632798143.1705708800&semt=ais"></MudImage>
</MudAvatar> *@
<RadzenGravatar class="w-14 h-14" Email="@_user?.Email" />
<MudStack class="mr-2" Spacing="0">
<MudText Color="Color.Inherit" Typo="Typo.body1"><b>@_user?.FullName</b></MudText>
<MudText Color="Color.Inherit" Typo="Typo.caption">@_user?.PhoneNumber</MudText>
</MudStack>
</MudStack>
<MudSpacer />
@* <MudIconButton Size="Size.Medium" Color="Color.Inherit" Icon="@Icons.Material.Outlined.Settings"/> *@
<MudIconButton Size="Size.Medium" Color="Color.Error" OnClick="LogoutAsync" Icon="@Icons.Material.Outlined.ExitToApp" />
</MudAppBar>
<MudToggleIconButton @bind-Toggled="@MainTheme.IsDarkMode"
Icon="@Icons.Material.Outlined.DarkMode" Color="@Color.Default" Title="تاریک"
ToggledIcon="@Icons.Material.Filled.LightMode" ToggledColor="@Color.Default" ToggledTitle="روشن" />
<MudIconButton Size="Size.Medium" Color="Color.Error" OnClick="LogoutAsync" Icon="@Icons.Material.Outlined.ExitToApp" />
</MudAppBar>
<MudDrawer @bind-Open="@open" Breakpoint="Breakpoint.MdAndUp" Elevation="1" Variant="@DrawerVariant.Responsive">
<SideBarUi/>
</MudDrawer>
<SideBarUi />
</MudDrawer>
<MudGrid Spacing="0">
<MudGrid Spacing="0">
<MudItem md="3" lg="2">
<MudHidden Breakpoint="Breakpoint.SmAndDown">
<SideBarUi/>
</MudHidden>
</MudItem>
<MudItem sm="12" md="9" lg="10">
<MudItem md="3" lg="2">
<MudHidden Breakpoint="Breakpoint.SmAndDown">
<SideBarUi />
</MudHidden>
</MudItem>
<MudItem sm="12" md="9" lg="10">
<div>
@Body
<div>
@Body
</div>
</MudItem>
</MudGrid>
</MudLayout>
<div dir="ltr">
<PWAUpdater Align="PWAUpdater.Aligns.Buttom" Text="@_updateText" ButtonCaption="اپدیت کنید"/>
<PWAUpdater Align="PWAUpdater.Aligns.Buttom" Text="@_updateText" ButtonCaption="اپدیت کنید" />
</div>
</MudRTLProvider>
@ -90,9 +92,9 @@
<MudLayout>
<div>
<LoginPage/>
<LoginPage />
<div dir="ltr">
<PWAUpdater Text="@_updateText" ButtonCaption="اپدیت کنید"/>
<PWAUpdater Text="@_updateText" ButtonCaption="اپدیت کنید" />
</div>
</div>
</MudLayout>
@ -110,7 +112,7 @@
private async Task LogoutAsync()
{
await UserUtility.LogoutAsync();
NavigationManager.NavigateTo("login",true,true);
NavigationManager.NavigateTo("login", true, true);
}
protected override void OnInitialized()
{

View File

@ -3,8 +3,8 @@
public static class Address
{
#if DEBUG
public static string BaseAddress = "http://localhost:32770/api";
//public static string BaseAddress = "https://api.vesmook.com/api";
//public static string BaseAddress = "http://localhost:32770/api";
public static string BaseAddress = "https://api.vesmook.com/api";
#else
public static string BaseAddress = "https://api.vesmook.com/api";
#endif

View File

@ -23,4 +23,5 @@ public static class MainTheme
Secondary = "#E59F2E",
}
};
public static bool IsDarkMode { get; set; } = true;
}