Blazor WebAssembly : Dark/Light Theme Switch - EP31

Published: 28 May 2021
on channel: CuriousDrive: Solve Coding Problems & Win Prizes!
6,704
72

Hello Everyone,
In this tutorial, I am implementing a feature to switch between light & dark theme for Blazor WebAssembly application. You are going to need to create CSS files for your themes and then create a JavaScript function to switch between these themes. We can use JavaScript Interop to call JavaScript function from Razor Components.

Source Code - https://github.com/CuriousDrive/Blazi...
Ed's EBook - https://www.telerik.com/campaigns/bla...

0:00 Approach
3:20 Writing JavaScript function to change themes
5:50 Calling JavaScript function from Razor Component
9:30 Setting the theme on User Login

#Blazor #Dark #Theme

Subscribe here -    / @curiousdrive  
Talk to us on -   / curiousdrive  

Like our page -   / curiousdrive  
Follow us on -   / curious_drive  
Follow us on -   / curiousdrive  

Make a donation - https://www.paypal.me/curiousdrive
Be a member -   / curiousdrive  

#CuriousDrive #WeLoveCoding


Watch video Blazor WebAssembly : Dark/Light Theme Switch - EP31 online without registration, duration hours minute second in high quality. This video was added by user CuriousDrive: Solve Coding Problems & Win Prizes! 28 May 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,704 once and liked it 72 people.