A modern programming language that makes developers happier.

kotlinlang

Getting external padding for topAppBar. Using MaterialTheme -&gt; Surface -&gt; Scaffold with topAppBar = TopAppBar(). (screenshot in the thread). Please help.

Screenshot_1599932671.png

What is the external padding? It seems an elevated top bar with a translucent background

Its set to default.I basically have
```Scaffold(
        topBar = {
            TopAppBar {

            }
        },
    ) {
    }```

So, I have this color palette
```lightColors(
    primary = Color(0xFFFFFF),
    primaryVariant = Color(0xCCCCCC),
    secondary = Color.White,
    secondaryVariant = Color(0xCCCCCC),
    surface = Color.White,
    onPrimary = Color(0x000000),
    onSecondary = Color.Black,
    onBackground = Color.Black,
    onSurface = Color.Black,
    onError = Color.Black,
    error = Color.Red,
)```
if I set `primary` to `Color(0xFFFFFF)`, then I get the extra padding.
But not for `Color.White`.
I guess its because of the extra FF for in `Color.White`(=Color(0xFFFFFFFF)).
Hmm, but can't understand the exact reason for the padding thing.

It's not an extra padding, it's the shadow of the top bar. You can see it because you created the  `Color`  omitting the lightness