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> </Found>
<NotFound> <NotFound>
<MudRTLProvider RightToLeft="true"> <MudRTLProvider RightToLeft="true">
<MudThemeProvider IsDarkMode="true" Theme="@MainTheme.MyCustomTheme" /> <MudThemeProvider IsDarkMode="@MainTheme.IsDarkMode" Theme="@MainTheme.MyCustomTheme" />
<MudDialogProvider /> <MudDialogProvider />
<MudSnackbarProvider /> <MudSnackbarProvider />

View File

@ -32,7 +32,7 @@
<AuthorizeView> <AuthorizeView>
<Authorized> <Authorized>
<MudRTLProvider RightToLeft="true"> <MudRTLProvider RightToLeft="true">
<MudThemeProvider IsDarkMode="false" Theme="@MainTheme.MyCustomTheme" /> <MudThemeProvider IsDarkMode="@MainTheme.IsDarkMode" Theme="@MainTheme.MyCustomTheme" />
<MudDialogProvider /> <MudDialogProvider />
<MudSnackbarProvider /> <MudSnackbarProvider />
<RadzenContextMenu /> <RadzenContextMenu />
@ -53,19 +53,21 @@
<MudText Color="Color.Inherit" Typo="Typo.caption">@_user?.PhoneNumber</MudText> <MudText Color="Color.Inherit" Typo="Typo.caption">@_user?.PhoneNumber</MudText>
</MudStack> </MudStack>
<MudSpacer /> <MudSpacer />
@* <MudIconButton Size="Size.Medium" Color="Color.Inherit" Icon="@Icons.Material.Outlined.Settings"/> *@ <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" /> <MudIconButton Size="Size.Medium" Color="Color.Error" OnClick="LogoutAsync" Icon="@Icons.Material.Outlined.ExitToApp" />
</MudAppBar> </MudAppBar>
<MudDrawer @bind-Open="@open" Breakpoint="Breakpoint.MdAndUp" Elevation="1" Variant="@DrawerVariant.Responsive"> <MudDrawer @bind-Open="@open" Breakpoint="Breakpoint.MdAndUp" Elevation="1" Variant="@DrawerVariant.Responsive">
<SideBarUi/> <SideBarUi />
</MudDrawer> </MudDrawer>
<MudGrid Spacing="0"> <MudGrid Spacing="0">
<MudItem md="3" lg="2"> <MudItem md="3" lg="2">
<MudHidden Breakpoint="Breakpoint.SmAndDown"> <MudHidden Breakpoint="Breakpoint.SmAndDown">
<SideBarUi/> <SideBarUi />
</MudHidden> </MudHidden>
</MudItem> </MudItem>
<MudItem sm="12" md="9" lg="10"> <MudItem sm="12" md="9" lg="10">
@ -77,7 +79,7 @@
</MudGrid> </MudGrid>
</MudLayout> </MudLayout>
<div dir="ltr"> <div dir="ltr">
<PWAUpdater Align="PWAUpdater.Aligns.Buttom" Text="@_updateText" ButtonCaption="اپدیت کنید"/> <PWAUpdater Align="PWAUpdater.Aligns.Buttom" Text="@_updateText" ButtonCaption="اپدیت کنید" />
</div> </div>
</MudRTLProvider> </MudRTLProvider>
@ -90,9 +92,9 @@
<MudLayout> <MudLayout>
<div> <div>
<LoginPage/> <LoginPage />
<div dir="ltr"> <div dir="ltr">
<PWAUpdater Text="@_updateText" ButtonCaption="اپدیت کنید"/> <PWAUpdater Text="@_updateText" ButtonCaption="اپدیت کنید" />
</div> </div>
</div> </div>
</MudLayout> </MudLayout>
@ -110,7 +112,7 @@
private async Task LogoutAsync() private async Task LogoutAsync()
{ {
await UserUtility.LogoutAsync(); await UserUtility.LogoutAsync();
NavigationManager.NavigateTo("login",true,true); NavigationManager.NavigateTo("login", true, true);
} }
protected override void OnInitialized() protected override void OnInitialized()
{ {

View File

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

View File

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