Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Blazor Access Dark/Light status
Hi!
Is there any way to access the light/dark/system value of the current user theme inside the c# side? We have some off-the-shelf components that require to know the state (light/dark) so they can fit the same theme - I can only find a function that gets the default not the Current value.
Thanks!
John
Replies (1)
Hi,
The current value is stored inside localStorage, you can get current mode by accessing a data-bs-theme localStorage value.
Here is an example:
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if(firstRender){
var state = await JS.InvokeAsync<string>("localStorage.getItem", "data-bs-theme");
await JS.InvokeVoidAsync("console.log", state);
}
}Also, you can use Blazored.LocalStorage package to access localStorage value.
https://www.nuget.org/packages/Blazored.LocalStorage/
Regards,
Lauris Stepanovs,
Keenthemes Support Team
