| | | 1 | | using MudBlazor; |
| | | 2 | | |
| | | 3 | | namespace Chronicis.Client.Theme; |
| | | 4 | | |
| | | 5 | | /// <summary> |
| | | 6 | | /// Provides the Chronicis application theme configuration for MudBlazor. |
| | | 7 | | /// </summary> |
| | | 8 | | public static class ThemeConfig |
| | | 9 | | { |
| | | 10 | | /// <summary> |
| | | 11 | | /// Creates and returns the Chronicis theme with custom colors, typography, and layout properties. |
| | | 12 | | /// </summary> |
| | 1 | 13 | | public static MudTheme CreateChronicisTheme() => new() |
| | 1 | 14 | | { |
| | 1 | 15 | | PaletteLight = new PaletteLight |
| | 1 | 16 | | { |
| | 1 | 17 | | Primary = "#3A4750", // Slate blue-grey |
| | 1 | 18 | | Secondary = "#C4AF8E", // Beige-gold |
| | 1 | 19 | | Background = "#F4F0EA", |
| | 1 | 20 | | Surface = "#FFFFFF", |
| | 1 | 21 | | AppbarBackground = "#1F2A33", |
| | 1 | 22 | | DrawerBackground = "#1F2A33", |
| | 1 | 23 | | DrawerText = "#F4F0EA", |
| | 1 | 24 | | AppbarText = "#F4F0EA", |
| | 1 | 25 | | TextPrimary = "#1A1A1A", |
| | 1 | 26 | | TextSecondary = "#3A4750", |
| | 1 | 27 | | ActionDefault = "#3A4750", |
| | 1 | 28 | | ActionDisabled = "rgba(58, 71, 80, 0.38)", |
| | 1 | 29 | | ActionDisabledBackground = "rgba(58, 71, 80, 0.12)", |
| | 1 | 30 | | Divider = "rgba(196, 175, 142, 0.12)", |
| | 1 | 31 | | DividerLight = "rgba(196, 175, 142, 0.06)", |
| | 1 | 32 | | TableLines = "rgba(196, 175, 142, 0.12)", |
| | 1 | 33 | | LinesDefault = "rgba(196, 175, 142, 0.12)", |
| | 1 | 34 | | LinesInputs = "rgba(196, 175, 142, 0.32)", |
| | 1 | 35 | | TextDisabled = "rgba(26, 26, 26, 0.38)", |
| | 1 | 36 | | Success = "#4CAF50", |
| | 1 | 37 | | Warning = "#FFA726", |
| | 1 | 38 | | Error = "#ad1412ff", |
| | 1 | 39 | | Info = "#29B6F6" |
| | 1 | 40 | | }, |
| | 1 | 41 | | PaletteDark = new PaletteDark |
| | 1 | 42 | | { |
| | 1 | 43 | | Primary = "#F4F0EA", // Off-white |
| | 1 | 44 | | Secondary = "#C4AF8E", // Beige-gold |
| | 1 | 45 | | Background = "#1F2A33", |
| | 1 | 46 | | Surface = "#1F2A33", |
| | 1 | 47 | | AppbarBackground = "#1A2027", |
| | 1 | 48 | | DrawerBackground = "#1F2A33", |
| | 1 | 49 | | DrawerText = "#F4F0EA", |
| | 1 | 50 | | AppbarText = "#F4F0EA", |
| | 1 | 51 | | TextPrimary = "#F4F0EA", |
| | 1 | 52 | | TextSecondary = "#C4AF8E", |
| | 1 | 53 | | ActionDefault = "#F4F0EA", |
| | 1 | 54 | | Divider = "rgba(196, 175, 142, 0.12)", |
| | 1 | 55 | | Success = "#4CAF50", |
| | 1 | 56 | | Warning = "#FFA726", |
| | 1 | 57 | | Error = "#ad1412ff", |
| | 1 | 58 | | Info = "#29B6F6" |
| | 1 | 59 | | }, |
| | 1 | 60 | | Typography = new Typography |
| | 1 | 61 | | { |
| | 1 | 62 | | Default = new Default |
| | 1 | 63 | | { |
| | 1 | 64 | | FontFamily = new[] { "Roboto", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif" } |
| | 1 | 65 | | }, |
| | 1 | 66 | | H1 = new H1 { FontFamily = new[] { "Spellweaver Display", "Georgia", "serif" }, FontSize = "2.5rem", FontWei |
| | 1 | 67 | | H2 = new H2 { FontFamily = new[] { "Spellweaver Display", "Georgia", "serif" }, FontSize = "2rem", FontWeigh |
| | 1 | 68 | | H3 = new H3 { FontFamily = new[] { "Spellweaver Display", "Georgia", "serif" }, FontSize = "1.5rem", FontWei |
| | 1 | 69 | | H4 = new H4 { FontFamily = new[] { "Spellweaver Display", "Georgia", "serif" }, FontSize = "1.25rem", FontWe |
| | 1 | 70 | | H5 = new H5 { FontFamily = new[] { "Spellweaver Display", "Georgia", "serif" }, FontSize = "1.125rem", FontW |
| | 1 | 71 | | H6 = new H6 { FontFamily = new[] { "Spellweaver Display", "Georgia", "serif" }, FontSize = "1rem", FontWeigh |
| | 1 | 72 | | Button = new Button { TextTransform = "none", FontWeight = 500 } |
| | 1 | 73 | | }, |
| | 1 | 74 | | LayoutProperties = new LayoutProperties |
| | 1 | 75 | | { |
| | 1 | 76 | | DrawerWidthLeft = "320px", |
| | 1 | 77 | | DrawerWidthRight = "320px", |
| | 1 | 78 | | AppbarHeight = "64px" |
| | 1 | 79 | | }, |
| | 1 | 80 | | ZIndex = new ZIndex |
| | 1 | 81 | | { |
| | 1 | 82 | | Drawer = 1200, |
| | 1 | 83 | | AppBar = 1100, |
| | 1 | 84 | | Dialog = 1300, |
| | 1 | 85 | | Popover = 1400, |
| | 1 | 86 | | Snackbar = 1500, |
| | 1 | 87 | | Tooltip = 1600 |
| | 1 | 88 | | } |
| | 1 | 89 | | }; |
| | | 90 | | } |