These are all the classes that you need to modify the theme and styling of your app. If you open you project directory, you can see that you already have /ui/theme directory and inside that, you have a few Kotlin classes: Color, Shape, Theme, Type. Let's explore a bit more to see what we mean. If that's the final look we want (or if we want an app that has support for Dark mode), it's super easy with how our project is set up initially by the Android Studio template. Fix status bar and system navigation bar to adapt to our app's theme.Īs you can see in our final screen, our app looks like it has dark mode enabled.Look at how dark/light mode works in Compose.Change color throughout the app using Color.kt and Theme.kt.To look at where we need to continue from, let's first look at the final screen from Part I: In this part of the series, we'll look at how styles and themes work in Compose, taking our app from Part I and giving it the final look that we want to achieve: In case you’re not fond of reading blog posts, I’ve also turned this 4-part Jetpack Compose series into a 13-minute speed code video with some laid back music for you to watch and relax to! 😊

🐶īut as I mentioned, we still have some things to do before we call it a complete Compose app. As of Part I, we successfully implemented a RecyclerView (known as Laz圜olumn in Compose), populating it with a list of puppies that we have for adoption.

Cool android studio themes