Other styles, toggles and settings¶

This page contains descriptions of additional unclassified settings for various user interface components that provide more configuration flexibility.

Page Bar¶

A toggle to specify whether the close button should be positioned on the right side.

DefaultpreferCloseButtonOnTheRight

PageBar

Bottom Sheet¶

Adjusting delimiters in the bottom sheet icon buttons

DefaultextendDelimitersToTheRightextendDelimitersToTheLeftAndRight

BottomSheet

Component Style¶

Adjusting colors on some buttons and status views, where explicitly available

Shapes are independent and are not affected by this styles

brandcontrastcontrastInvertedblurredblurredWithOutline

brand background color
onDark foreground color for labels and icons

onLight background color
onDark foreground color for labels and icons

onDark background color
onLight foreground color for labels and icons

apply a blurred background that matches the color scheme (light or dark)
primary foreground color for labels and icons

apply a blurred background that matches the color scheme (light or dark)
primary foreground color for labels and icons
outline color for the border

Refer to the colors