In my toy (for now) app, my top few layers of view tree (or do we call them composition trees?) look...

# compose

[Travis Griggs]

In my toy (for now) app, my top few layers of view tree (or do we call them composition trees?) look like:
• Pager4Theme
◦ MainScreen (mine)
▪︎ Scaffold
• NaveHost
But the bar across the top is the ugly dark purple. How do I change that? I tried changing variations of the stubbed in primary, primaryVariant, and secondary in my Theme, but to no avail. Then I discovered that I could change it by changing the singular stubbed value in themes.xml. Is this just one of those things that is still done outside of Compose, using the "stable" Android mechanisms?

[Ben Trengrove [G]]

Yes, I would recommend going edge to edge with a transparent status bar

[Ben Trengrove [G]]

Then you can pretty much handle everything in Compose

[Travis Griggs]

So... I added a "clear" color to my colors.xml

<color name="clear">#00000000</color>

And then changed the stubbed theme to use that. Now it's just white with no visible text. Is there something I now need to do in my compose code to countermand that?

[Ben Trengrove [G]]

There is a bit more configuration https://developer.android.com/develop/ui/views/layout/edge-to-edge

[Travis Griggs]

🙏