Referencing Blazorise Theme Values in Custom CSS

Associated blog post: Referencing Blazorise Theme Values in Custom CSS

Shadow Colour: #45B1E8

Here's an example of a div with a hard-coded shadow set to #45B1E8. It kinda works when the page is first loaded, but it's not best practice and won't keep up to date if the theme changes!

Shadow Colour: #45B1E8

Here's an example of a div with a shadow defined using the CSS variable --b-theme-primary, which is directly linked to the Blazorise theme value (currently #45B1E8). Pretty cool right?

An error has occurred. This application may no longer respond until reloaded. Reload 🗙