themes fail to fully apply when persistence in enabled for radio_props of ThemeChangerAIO

[mayushii21]

Example ThemeChangerAIO:

ThemeChangerAIO(
    aio_id="theme",
    radio_props={
        "options": [
            {
                "label": "Cyborg",
                "value": dbc.themes.CYBORG,
                "label_id": "theme-switch-label-dark",
            },
            {
                "label": "Vapor",
                "value": dbc.themes.VAPOR,
                "label_id": "theme-switch-label-dark",
            }
        ],
        "value": dbc.themes.CYBORG,
        "persistence": True,
    }
)

On the first load, the Cyborg theme is rendered, as expected. Switching to Vapor properly switches the theme to Vapor. Reloading the page, however, results in a theme somewhere in between Vapor and Cyborg, where the background is Vapor, but the text color, button borders, and other elements are Cyborg.

In version 1.1.2, things work properly (persisted themes get correctly applied after reload), but only in Chrome, not in Firefox. After version 1.1.2 the issue is present in Chrome as well.

Here is how things should look after reload (same as when freshly applying the theme):

Here is how they look after reloading with version 1.1.2 in Firefox, and in Chrome as well with newer versions:

[AnnMarieW]

Hi @mayushii21 Thanks for reporting... I'm looking into it :thinking: