Lightswitch first render issues

[niktek]

Current Behavior

On initial page load the icon in the switch doesn't render until after an interaction and it defaults into the Light mode even if the user system preference is set to Dark mode.

Steps To Reproduce

Brave and Safari in private mode
Open Theme drop down menu

Anything else?

No response

[endigo9740]

There was two issues for this:

1. The theme colors were not being applied consistently because the state was not set properly for the defaults (system preference)
2. The LightSwitch store value was not being updated until interacted with, so by default when using the system preference, the value was undefined rather than a boolean.

Both have been fixed and will go live with the QA branch I've created.

[Zerdayne]

Something similar is still happening. I'm using this in a tauri application.

$: {
    console.log($storePrefersDarkScheme);
    console.log($storeLightSwitch);
}

will log true for both.

The visualization I get after starting the application:

with the light theme in the full application applied.

Clicking once the switch fixes the visualization of the switch (switch button is left, sun icon is showing). Clicking twice activates the dark theme. At this point the switch works perfectly fine.

[cappscolton]

Something similar is still happening. I'm using this in a tauri application.

$: {
    console.log($storePrefersDarkScheme);
    console.log($storeLightSwitch);
}

will log true for both.

The visualization I get after starting the application: with the light theme in the full application applied.

Clicking once the switch fixes the visualization of the switch (switch button is left, sun icon is showing). Clicking twice activates the dark theme. At this point the switch works perfectly fine.

did you ever find a fix for this secondary issue? seems to still be around in tauri projects.

[endigo9740]

@cappscolton you might read through this PR and the related issue. Seems like this might fix this?

• Fixed Lightswitch initial state always dark (#1341) #1440

This will come as part of next week's release