Getting external padding for topAppBar. Using MaterialTheme -> Surface -> Scaffold with topApp...

# compose

[Sourabh Rawat]

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

[Sourabh Rawat]

[manueldidonna]

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

[Sourabh Rawat]

Its set to default.I basically have

Scaffold(
        topBar = {
            TopAppBar {

            }
        },
    ) {
    }

[Sourabh Rawat]

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.

[manueldidonna]

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

[Sourabh Rawat]

Oh got it. Thanks a lot!