[Bug Report][3.9.2] Theme "system" not found on the Vuetify theme instance

[gotson]

Environment

Vuetify Version: 3.9.2
Vue Version: 3.5.18
Browsers: Firefox 140.0
OS: Mac OS 10.15

Steps to reproduce

I was trying the new system theme from 3.9, but encountered some issue:

• when trying to cycle using the "Cycle all themes" button, the theme is just changed like with the toggle button.
• theme.name never returns system, but only the effective theme
• when clicking "Change to system" or "cycle specific themes" the following warning shows in the console: Theme "system" not found on the Vuetify theme instance

Expected Behavior

Most importantly the theme.name should return system. This is required to implement some kind of Select that shows theme selection (like 'light', 'dark', 'system'), and show the actual value configured for the theme.

Actual Behavior

does not work as expected

Reproduction Link

https://play.vuetifyjs.com/#...

[gotson]

Hi @KaelWD it seems the fix is not working as expected. I updated the VPlay to use Vuetify 3.9.4 but it still doesn't work.

[KaelWD]

See the PR. theme.name is always the effective theme, you need theme.isSystem to check if it's tracking the system theme. .change('system') also doesn't throw an error anymore.

[gotson]

See the PR. theme.name is always the effective theme, you need theme.isSystem to check if it's tracking the system theme. .change('system') also doesn't throw an error anymore.

thanks, i didn't see that.

How is the cycling supposed to work ?

for instance this theme.cycle(['dark', 'light', 'system']) doesn't do anything.