From 1ff3a6fef7e8fc033ab6509b30b2b0212f08512b Mon Sep 17 00:00:00 2001 From: Daniel Toledo Date: Fri, 10 Nov 2023 20:18:39 -0300 Subject: [PATCH] a bit UI Improvements --- .../Settings/BlazorHeroTheme.cs | 85 ++++++++++++------- 1 file changed, 52 insertions(+), 33 deletions(-) diff --git a/src/Client.Infrastructure/Settings/BlazorHeroTheme.cs b/src/Client.Infrastructure/Settings/BlazorHeroTheme.cs index 39e563754..3acacb027 100644 --- a/src/Client.Infrastructure/Settings/BlazorHeroTheme.cs +++ b/src/Client.Infrastructure/Settings/BlazorHeroTheme.cs @@ -8,7 +8,7 @@ public class BlazorHeroTheme { Default = new Default() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = ".875rem", FontWeight = 400, LineHeight = 1.43, @@ -16,7 +16,7 @@ public class BlazorHeroTheme }, H1 = new H1() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = "6rem", FontWeight = 300, LineHeight = 1.167, @@ -24,7 +24,7 @@ public class BlazorHeroTheme }, H2 = new H2() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = "3.75rem", FontWeight = 300, LineHeight = 1.2, @@ -32,39 +32,39 @@ public class BlazorHeroTheme }, H3 = new H3() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = "3rem", - FontWeight = 400, + FontWeight = 900, LineHeight = 1.167, LetterSpacing = "0" }, H4 = new H4() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = "2.125rem", - FontWeight = 400, + FontWeight = 900, LineHeight = 1.235, LetterSpacing = ".00735em" }, H5 = new H5() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = "1.5rem", - FontWeight = 400, + FontWeight = 900, LineHeight = 1.334, LetterSpacing = "0" }, H6 = new H6() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, - FontSize = "1.25rem", - FontWeight = 400, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, + FontSize = "1.22rem", + FontWeight = 900, LineHeight = 1.6, LetterSpacing = ".0075em" }, Button = new Button() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = ".875rem", FontWeight = 500, LineHeight = 1.75, @@ -72,7 +72,7 @@ public class BlazorHeroTheme }, Body1 = new Body1() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = "1rem", FontWeight = 400, LineHeight = 1.5, @@ -80,7 +80,7 @@ public class BlazorHeroTheme }, Body2 = new Body2() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = ".875rem", FontWeight = 400, LineHeight = 1.43, @@ -88,16 +88,24 @@ public class BlazorHeroTheme }, Caption = new Caption() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = ".75rem", FontWeight = 400, LineHeight = 1.66, LetterSpacing = ".03333em" }, - Subtitle2 = new Subtitle2() + Subtitle1 = new Subtitle1() { - FontFamily = new[] { "Montserrat", "Helvetica", "Arial", "sans-serif" }, + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, FontSize = ".875rem", + FontWeight = 100, + LineHeight = 1.57, + LetterSpacing = ".00714em" + }, + Subtitle2 = new Subtitle2() + { + FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" }, + FontSize = ".870rem", FontWeight = 500, LineHeight = 1.57, LetterSpacing = ".00714em" @@ -106,19 +114,24 @@ public class BlazorHeroTheme private static LayoutProperties DefaultLayoutProperties = new LayoutProperties() { - DefaultBorderRadius = "3px" + DefaultBorderRadius = "10px" }; public static MudTheme DefaultTheme = new MudTheme() { Palette = new Palette() { - Primary = "#1E88E5", - AppbarBackground = "#1E88E5", - Background = Colors.Grey.Lighten5, + Primary = "#0691d8", + Secondary = "#f19429", + Tertiary = "#df0a78", + AppbarBackground = "#1863b3", + AppbarText = "rgba(0,0,0, 0.7)", + Background = "#F9F9F9", DrawerBackground = "#FFF", DrawerText = "rgba(0,0,0, 0.7)", - Success = "#007E33" + Success = "#007E33", + TextPrimary = "#262526", + SuccessDarken = "#262526" }, Typography = DefaultTypography, LayoutProperties = DefaultLayoutProperties @@ -128,22 +141,28 @@ public class BlazorHeroTheme { Palette = new Palette() { - Primary = "#1E88E5", + Primary = "#ff9800", + Secondary = "#0074d7", + Tertiary = "#f39a9a", Success = "#007E33", Black = "#27272f", - Background = "#32333d", + Background = "#0f0f0f", BackgroundGrey = "#27272f", - Surface = "#373740", - DrawerBackground = "#27272f", - DrawerText = "rgba(255,255,255, 0.50)", - AppbarBackground = "#373740", - AppbarText = "rgba(255,255,255, 0.70)", - TextPrimary = "rgba(255,255,255, 0.70)", + Surface = "#181818", + DrawerBackground = "#0f0f0f", + DrawerText = "#f1f1f1", + AppbarBackground = "#0f0f0f", + AppbarText = "#f1f1f1", + TextPrimary = "#fff", TextSecondary = "rgba(255,255,255, 0.50)", - ActionDefault = "#adadb1", + ActionDefault = "#FFF", ActionDisabled = "rgba(255,255,255, 0.26)", ActionDisabledBackground = "rgba(255,255,255, 0.12)", - DrawerIcon = "rgba(255,255,255, 0.50)" + DrawerIcon = "#f1f1f1", + SuccessDarken = "#1bd566", + TextDisabled = "#9b9b9b", + TableLines = "#e0e0e01c", + Divider = "#e0e0e026" }, Typography = DefaultTypography, LayoutProperties = DefaultLayoutProperties