primary variant: A tonal variation of the primary color.primary represents your brand colors in the application. primary: The color displayed most frequently across your app’s screens and components.First, let’s understand what those colors mean when it comes to Material themes: In this article, we’re going to focus on the most important and used colors, such as primary, primaryVariant, secondary, background, surface, and onSurface. Let’s see the constructor of the Colors class:Įach parameter represents the respective color that is used in the Material theme. The Color class has 12 parameters to define colors that can be used on all composable functions throughout the application. To implement Day and Night themes, Compose comes with lightColors and darkColors extended with the Colors class. We can also create a color using RGB values: val redColor = Color(red = 256, blue = 0, green = 0, alpha = 0xFF) Design color palettes Have a look: val Purple200 = Color(0xFFBB86FC)ĠxFF represents the alpha status of the color, while BB86FC represents the hex code of the color.
We can define a color in Jetpack Compose using Color from .graphics. It’s not a bad approach, but when it comes to implementing custom themes, we have to write a lot of code.Ĭompose is primarily focused on designing multiple themes in a concise manner using the Colors class from the library. In the traditional approach to theming, we would maintain a couple of color resource files in Day and Night segments. When it comes to themes, colors are the most important aspect to focus on.
0 kommentar(er)
