Mythetech.Framework/Mythetech.Framework.Storybook/Shared/SirenLayout.razor at 9d89e3c4dd277c2f2c6331a6026a7da2380c2cbb · Mythetech/Mythetech.Framework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
@inherits LayoutComponentBase

<MudLayoutWrapper Theme="@(_theme)">
    @Body
</MudLayoutWrapper>

@code {

    private MudTheme _theme = new()
    {
        PaletteLight = new PaletteLight()
        {
            Primary = SirenColors.Primary,
            Secondary = SirenColors.Darken,
            Tertiary = SirenColors.Tertiary,
            HoverOpacity = 0.5,
            Background = SirenColors.Light,
            AppbarBackground = SirenColors.Primary,
            Black = SirenColors.Black,
            Surface = "FFFFFF",
            ActionDefault = SirenColors.Primary,
            ActionDisabled = SirenColors.ActionDisabled,
            TableHover = SirenColors.Tertiary,

        },
        PaletteDark = new PaletteDark()
        {
            Primary = SirenColors.Primary,
            Secondary = SirenColors.Light,
            Tertiary = SirenColors.Dark.AppBarBackground,
            HoverOpacity = 0.5,
            TableHover = SirenColors.Dark.AppBarBackground,
            AppbarBackground = SirenColors.Dark.AppBarBackground,
            Background = SirenColors.Black,
            Black = SirenColors.Black,
            Surface = SirenColors.Black,
            ActionDefault = SirenColors.Primary,
            GrayDarker = "#222"
        },
        Typography = new Typography()
        {
            Default = new DefaultTypography()
            {
                FontFamily = new[] { "Tahoma", "Geneva", "Verdana", },
                TextTransform = "none",
                FontSize = "0.75",
            },

            Button = new ButtonTypography()
            {
                FontFamily = new[] { "Tahoma", "Geneva", "Verdana", },
                TextTransform = "none",
                FontSize = "1em",
            }
        },
        LayoutProperties = new LayoutProperties()
        {
            DefaultBorderRadius = "0.5em",
            AppbarHeight = "3rem",
            DrawerWidthLeft = "25vw",
            DrawerMiniWidthLeft = "3.25em",
        }
    };
    public static class SirenColors
    {
        public static class Dark
        {
            //public static string Primary => "03045e";
            public static string Primary => "00001A";

            public static string Secondary => "640ADB";

            public static string Tertiary => "002538";

            public static string AppBarBackground => "00162E";
        }

        public static string Primary => "0077B6";

        public static string Secondary => "170035";

        public static string Tertiary => "AED2E5";

        public static string Light => "caf0f8";

        public static string Darken => "00001A";

        public static string Black => "000000";

        public static string Action => "";

        public static string ActionDisabled => "AED2E5";

        public static string Hash(string s)
        {
            return $"#{s}";
        }
    }
}