A modern programming language that makes developers happier.

kotlinlang

image.png

Guys, I have a questions about colors. I created a splash screen composable which is a constraintlayout with two Text() inside. Color of both of text components is setted to yellow. But when I get this screen on my app, both of them are blue. If I add backgroundColor to ConstraintLayout() it becomes also light blue. Anybody knows what is the problem? Maybe I need to add somewhere Surface()?

uhm, how are you adding the colors? do they come from MaterialTheme?

```@Composable
fun SplashScreen(){

    ConstraintLayout(
        modifier = Modifier.fillMaxSize()
    ) {
        val (appLogoRef, authorSignatureRef) = createRefs()

        Text(
            color = Color(R.color.splash_text_color),
            text = "App logo",
            style = TextStyle(
                fontWeight = FontWeight.W900,
                fontSize = 32.sp
            ),
            modifier = Modifier.constrainAs(appLogoRef){
                linkTo(
                    top = <http://parent.top|parent.top>,
                    bottom = parent.bottom,
                    start = parent.start,
                    end = parent.end
                )
            }
        )

        Text(
            color = Color(R.color.splash_text_color),
            text = "by author",
            style = TextStyle(
                fontWeight = FontWeight.W900,
                fontSize = 16.sp
            ),
            modifier = Modifier.constrainAs(authorSignatureRef){
                bottom.linkTo(parent.bottom, 16.dp)
                end.linkTo(parent.end, 16.dp)
            }
        )
    }
}```


you must add `colorResource`
```Color(colorResource(id = R.color.purple_200))```

I think we need Android studio warning for this case

btw, it would be better if you use MaterialTheme colors

I will. It was just an example screen for learning how constraintLayout works in compose

Do we even need to use `color.xml` in compose?

well, yes for the colors on the app ¯\_(ツ)_/¯

not for app things that are not on compose

Yes, this is exception. I didn't say "we don't need color.xml at all"

You can create your own compose themes by the way.  It’s not terribly difficult, now that they fixed the source code jars, if you look at MaterialTheme you can get an idea how to do it.

A theme is really just a way of proving instances of Ambient values.  A theme, in and of itself is a Composable function that just sets current ambient values.