Theme Design Update Tips

This is a quick guide for devs to update the Blazor Boilerplate theme to something more inline for your customer.

Loading Triangle Animation

To update the triangle svg animation for the loading screen replace the .triangle-container background-color from #5D2E8F to your new hex color.

Material Primary / Header Logo Background

To update the value for :root --mdc-theme-primary from #5D2E8F to your new hex color.

Nav Menu / Drawer

To update the primary color the .mdc-drawer__content background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); and the color for the font. To update the Disabled Nav color change .mdc-drawer .mdc-list-item--disabled from #775e91 to your new color.