Dark theme

dashboard
Pat Hartl 2023-02-11 21:39:20 -06:00
parent 1834d0182e
commit e7f84e4bd2
1 changed files with 29 additions and 1 deletions

View File

@ -1,6 +1,6 @@
@inherits LayoutComponentBase
<MudThemeProvider />
<MudThemeProvider Theme="DarkTheme" />
<MudDialogProvider />
<MudSnackbarProvider />
@ -24,6 +24,34 @@
@code {
bool _drawerOpen = true;
private static readonly MudTheme DarkTheme = new MudTheme()
{
Palette = new Palette()
{
Black = "#27272f",
Background = "#32333d",
BackgroundGrey = "#27272f",
Surface = "#373740",
DrawerBackground = "#27272f",
DrawerText = "rgba(255,255,255, 0.50)",
DrawerIcon = "rgba(255,255,255, 0.50)",
AppbarBackground = "#27272f",
AppbarText = "rgba(255,255,255, 0.70)",
TextPrimary = "rgba(255,255,255, 0.70)",
TextSecondary = "rgba(255,255,255, 0.50)",
ActionDefault = "#adadb1",
ActionDisabled = "rgba(255,255,255, 0.26)",
ActionDisabledBackground = "rgba(255,255,255, 0.12)",
Divider = "rgba(255,255,255, 0.12)",
DividerLight = "rgba(255,255,255, 0.06)",
TableLines = "rgba(255,255,255, 0.12)",
LinesDefault = "rgba(255,255,255, 0.12)",
LinesInputs = "rgba(255,255,255, 0.3)",
TextDisabled = "rgba(255,255,255, 0.2)",
TableStriped = "#3f3f45"
}
};
void DrawerToggle()
{
_drawerOpen = !_drawerOpen;