Top and bottom app bars
The way color is applied to the top and bottom app bars helps users identify them and understand their relationship to surrounding UI elements.
Identifying app bars
Top and bottom app bars use an app’s primary color. System bars can use a dark or light variant of the primary color to separate...
Top and bottom app bars use an app’s primary color. System bars can use a dark or light variant of the primary color to separate system content from top app bar content.
Blending an app bar with the background
When an app’s top or bottom app bar color is the same color as the background color, they blend together, placing emphasis on an app’s...
When an app’s top or bottom app bar color is the same color as the background color, they blend together, placing emphasis on an app’s content instead of its structure.
Both this app’s top app bar color and the background color is the primary color: white. However, on a scroll, the top app bargains a shadow, showing it has an elevation higher than the content that scrolls behind it.
Comments
Post a Comment