How can I animate switching from dark to light theme (without using animate on every single color on...

# compose

[jaqxues]

How can I animate switching from dark to light theme (without using animate on every single color on the theme)

[jaqxues]

It only updates once you select another item

From dark to light theme:

[Doris Liu]

Could you file a bug for this including the code snippet and screenshot? 🙂

[Doris Liu]

How can I animate switching from dark to light theme (without using animate on every single color on the theme)

I don't think there's a way to do that yet. Without knowing how you use it, I'd say it's more efficient to animate the color as you read it out from the theme than animating everything defined in the theme. But I'm curious whether this question is motivated by also animating the implicit theme color reads from material components.

[alorma]

Yes, it can be done

[alorma]

https://github.com/alorma/Restaurant-Menu-numbers/blob/main/app/src/main/java/com/alorma/menunumbers/ui/theme/Theme.kt

[alorma]

I change it via https://github.com/alorma/Compose-Debug-Drawer

[Doris Liu]

Thanks for sharing. @alorma Curious if you see any frame drop at all when all the colors animate during the theme change. I expect that to result in quite a few recompositions. 🙂

[jaqxues]

without using animate on every single color on the theme

[alorma]

This uses a transition, thats what them are fore, coordinate different animations

[alorma]

No @Doris Liu, as using a transition, it gets updated once per frame, it not animate each color on different steps, it's a single animation

[jaqxues]

I was hoping more for a premade animation for material themes