Theming

Defines the configuration of the visual Theme.

page.theme or page.dark_theme properties can be used to configure the appearance of the entire app in light and dark theme modes respectively.

note

Read this note about system fonts if you like to use them in font_family of your theme.

Python

page.theme = theme.Theme(color_scheme_seed="green")
page.update()

`Theme` properties

Theme class has the following properties:

`color_scheme_seed`

A seed color to algorithmically derive the rest of theme colors from.

`color_scheme`

Value is of type ColorScheme class that allows to customize Material colors scheme derived from color_scheme_seed.

`text_theme`

Defines text styles that contrasts with the card and canvas colors.

Value is of type TextTheme.

`primary_text_theme`

Describes a text theme that contrasts with the primary color.

Value is of type TextTheme.

`scrollbar_theme`

Value is of type ScrollbarTheme

`tabs_theme`

Value is of type TabsTheme

`font_family`

The base font for all UI elements.

`use_material3`

True` (default) to use Material 3 design; otherwise Material 2.

`visual_density`

Value is of type ThemeVisualDensity and defaults to ThemeVisualDensity.STANDARD.

`page_transitions`

Value is of type PageTransitionsTheme

`system_overlay_style`

Value is of type SystemOverlayStyle

`appbar_theme`

Value is of type AppBarTheme.

`badge_theme`

Value is of type BadgeTheme.

`banner_theme`

Value is of type BannerTheme.

`card_theme`

Value is of type CardTheme.

`checkbox_theme`

Value is of type CheckboxTheme.

`chip_theme`

Value is of type ChipTheme.

`date_picker_theme`

Value is of type DatePickerTheme.

`dialog_theme`

Value is of type DialogTheme.

`divider_theme`

Value is of type DividerTheme.

`expansion_tile_theme`

Value is of type ExpansionTileTheme.

`list_tile_theme`

Value is of type ListTileTheme.

`navigation_bar_theme`

Value is of type NavigationBarTheme.

`navigation_drawer_theme`

Value is of type NavigationDrawerTheme.

`navigation_rail_theme`

Value is of type NavigationRailTheme.

`popup_menu_theme`

Value is of type PopupMenuTheme.

`primary_color`

`primary_color_dark`

`primary_color_light`

`primary_swatch`

`progress_indicator_theme`

Value is of type ProgressIndicatorTheme.

`radio_theme`

Value is of type RadioTheme.

`search_bar_theme`

Value is of type SearchBarTheme.

`search_view_theme`

Value is of type SearchViewTheme.

`segmented_button_theme`

Value is of type SegmentedButtonTheme.

`slider_theme`

Value is of type SliderTheme.

`snackbar_theme`

Value is of type SnackBarTheme.

`switch_theme`

Value is of type SwitchTheme.

`time_picker_theme`

Value is of type TimePickerTheme.

`tooltip_theme`

Value is of type TooltipTheme.

`ColorScheme` class

A set of 30 colors based on the Material spec that can be used to configure the color properties of most components. Read more about ColorScheme in Flutter docs.

ColorScheme class has the following properties:

`primary`

The color displayed most frequently across your app’s screens and components.

`on_primary`

A color that's clearly legible when drawn on primary.

`primary_container`

A color used for elements needing less emphasis than primary.

`on_primary_container`

A color that's clearly legible when drawn on primary_container.

`secondary`

An accent color used for less prominent components in the UI, such as filter chips, while expanding the opportunity for color expression.

`on_secondary`

A color that's clearly legible when drawn on secondary.

`secondary_container`

A color used for elements needing less emphasis than secondary.

`on_secondary_container`

A color that's clearly legible when drawn on secondary_container.

`tertiary`

A color used as a contrasting accent that can balance primary and secondary colors or bring heightened attention to an element, such as an input field.

`on_tertiary`

A color that's clearly legible when drawn on tertiary.

`tertiary_container`

A color used for elements needing less emphasis than tertiary.

`on_tertiary_container`

A color that's clearly legible when drawn on tertiary_container.

`error`

The color to use for input validation errors, e.g. for TextField.error_text.

`on_error`

A color that's clearly legible when drawn on error.

`error_container`

A color used for error elements needing less emphasis than error.

`on_error_container`

A color that's clearly legible when drawn on error_container.

`background`

A color that typically appears behind scrollable content.

`on_background`

A color that's clearly legible when drawn on background.

`surface`

The background color for widgets like Card.

`on_surface`

A color that's clearly legible when drawn on surface.

`surface_variant`

A color variant of surface that can be used for differentiation against a component using surface.

`on_surface_variant`

A color that's clearly legible when drawn on surface_variant.

`outline`

A utility color that creates boundaries and emphasis to improve usability.

`outline_variant`

A utility color that creates boundaries for decorative elements when a 3:1 contrast isn’t required, such as for dividers or decorative elements.

`shadow`

A color use to paint the drop shadows of elevated components.

`scrim`

A color use to paint the scrim around of modal components.

`inverse_surface`

A surface color used for displaying the reverse of what’s seen in the surrounding UI, for example in a SnackBar to bring attention to an alert.

`on_inverse_surface`

A color that's clearly legible when drawn on inverse_surface.

`inverse_primary`

An accent color used for displaying a highlight color on inverse_surface backgrounds, like button text in a SnackBar.

`surface_tint`

A color used as an overlay on a surface color to indicate a component's elevation.

`TextTheme` class

Customizes text styles.

TextTheme class has the following properties of ft.TextStyle type:

`body_large`

Largest of the body styles. Body styles are used for longer passages of text.

`body_medium`

Middle size of the body styles. Body styles are used for longer passages of text. The default text style for Material.

`body_small`

Smallest of the body styles.

`display_large`

Largest of the display styles. As the largest text on the screen, display styles are reserved for short, important text or numerals. They work best on large screens.

`display_medium`

Middle size of the display styles.

`display_small`

Smallest of the display styles.

`headline_large`

Largest of the headline styles. Headline styles are smaller than display styles. They're best-suited for short, high-emphasis text on smaller screens.

headline_medium - Middle size of the headline styles.
headline_small - Smallest of the headline styles.

`label_large`

Largest of the label styles. Label styles are smaller, utilitarian styles, used for areas of the UI such as text inside of components or very small supporting text in the content body, like captions. Used for text on ElevatedButton, TextButton and OutlinedButton.

`label_medium`

Middle size of the label styles.

`label_small`

Smallest of the label styles.

`title_large`

Largest of the title styles. Titles are smaller than headline styles and should be used for shorter, medium-emphasis text.

`title_medium`

Middle size of the title styles.

`title_small`

Smallest of the title styles.

`ScrollbarTheme` class

Customizes the colors, thickness, and shape of scrollbars across the app.

ScrollbarTheme class has the following properties:

`thumb_visibility`

Indicates that the scrollbar thumb should be visible, even when a scroll is not underway. When False, the scrollbar will be shown during scrolling and will fade out otherwise. When True, the scrollbar will always be visible and never fade out. Property value could be either a single boolean value or a dictionary with ft.ControlState as keys and boolean as values.

`thickness`

The thickness of the scrollbar in the cross axis of the scrollable. Property value could be either a single float value or a dictionary with ft.ControlState as keys and float as values.

`track_visibility`

Indicates that the scrollbar track should be visible. When True, the scrollbar track will always be visible so long as the thumb is visible. If the scrollbar thumb is not visible, the track will not be visible either. Defaults to False when None. If this property is None, then ScrollbarTheme.track_visibility of Theme.scrollbar_theme is used. If that is also None, the default value is False. Property value could be either a single boolean value or a dictionary with ft.ControlState as keys and boolean as values.

`radius`

The Radius of the scrollbar thumb's rounded rectangle corners.

`thumb_color`

Overrides the default Color of the Scrollbar thumb. The value is either a single color string or ft.ControlState dictionary.

`track_color`

Overrides the default Color of the Scrollbar track. The value is either a single color string or ft.ControlState dictionary.

`track_border_color`

Overrides the default Color of the Scrollbar track border. The value is either a single color string or ft.ControlState dictionary.

`cross_axis_margin`

Distance from the scrollbar thumb to the nearest cross axis edge in logical pixels. The scrollbar track consumes this space. Must not be null and defaults to 0.

`main_axis_margin`

Distance from the scrollbar thumb's start and end to the edge of the viewport in logical pixels. It affects the amount of available paint area. The scrollbar track consumes this space. Mustn't be null and defaults to 0.

`min_thumb_length`

The preferred smallest size the scrollbar thumb can shrink to when the total scrollable extent is large, the current visible viewport is small, and the viewport is not overscrolled.

`interactive`

Whether the Scrollbar should be interactive and respond to dragging on the thumb, or tapping in the track area. When False, the scrollbar will not respond to gesture or hover events, and will allow to click through it. Defaults to True when None, unless on Android, which will default to False when None.

`TabsTheme` class

Customizes the appearance of Tabs control across the app.

TabsTheme class has the following properties:

`divider_color`

The color of the divider.

`indicator_border_radius`

The radius of the indicator's corners.

`indicator_border_side`

The color and weight of the horizontal line drawn below the selected tab.

`indicator_padding`

Locates the selected tab's underline relative to the tab's boundary. The indicator_tab_size property can be used to define the tab indicator's bounds in terms of its (centered) tab widget with False, or the entire tab with True.

`indicator_color`

The color of the line that appears below the selected tab.

`indicator_tab_size`

True` for indicator to take entire tab.

`label_color`

The color of selected tab labels.

`unselected_label_color`

The color of unselected tab labels.

`overlay_color`

Defines the ink response focus, hover, and splash colors. If specified, it is resolved against one of ControlState.FOCUSED, ControlState.HOVERED, and ControlState.PRESSED.

`PageTransitionsTheme` class

Allows customizing navigation page transitions for different platforms. Supported transitions is ft.PageTransitionTheme enum: NONE (zero delay transition without any animation), FADE_UPWARDS, OPEN_UPWARDS, ZOOM and CUPERTINO.

Example:

theme = ft.Theme()
theme.page_transitions.android = ft.PageTransitionTheme.OPEN_UPWARDS
theme.page_transitions.ios = ft.PageTransitionTheme.CUPERTINO
theme.page_transitions.macos = ft.PageTransitionTheme.FADE_UPWARDS
theme.page_transitions.linux = ft.PageTransitionTheme.ZOOM
theme.page_transitions.windows = ft.PageTransitionTheme.NONE
page.theme = theme
page.update()

`android`

The transition to be used on Android platforms. Defaults to FADE_UPWARDS.

`ios`

The transition to be used on iOS platforms. Defaults to CUPERTINO.

`macos`

The transition to be used on macOS platforms. Defaults to ZOOM.

`linux`

The transition to be used on Linux platforms. Defaults to ZOOM.

`windows`

The transition to be used on Windows platforms. Defaults to ZOOM.

`SystemOverlayStyle` class

Allows the customization of the mobile's system overlay (which consists of the system status and navigation bars) appearance.

It has the following properties:

`system_navigation_bar_color`

The color of the system navigation bar.

`system_navigation_bar_divider_color`

The color of the divider between the system navigation bar and the app content.

`enforce_system_navigation_bar_contrast`

indicates whether the system should enforce contrast for the status bar when setting a transparent status bar.

`enforce_system_status_bar_contrast`

indicates whether the system should enforce contrast for the navigation bar when setting a transparent navigation bar.

`system_navigation_bar_icon_brightness`

The Brightness of the system navigation bar icons. Either Brightness.DARK or Brightness.LIGHT.

`status_bar_brightness`

The Brightness of the status bar. Either Brightness.DARK or Brightness.LIGHT.

`status_bar_icon_brightness`

The Brightness of the status bar icons. Either Brightness.DARK or Brightness.LIGHT.

`AppBarTheme` class

Customizes the appearance of AppBar across the app.

AppBarTheme class has the following properties:

`bgcolor`

Overrides the default value of AppBar.bgcolor in all descendant AppBar controls.

`center_title`

Overrides the default value of AppBar.center_title in all descendant AppBar controls.

`color`

Overrides the default value of AppBar.color in all descendant AppBar controls.

`elevation`

Overrides the default value of AppBar.elevation in all descendant AppBar controls.

`color`

Overrides the default value of AppBar.color in all descendant AppBar controls.

`scroll_elevation`

Overrides the default value of AppBar.scroll_elevation in all descendant AppBar controls.

`shadow_color`

Overrides the default value of AppBar.shadow_color in all descendant AppBar controls.

`shape`

Overrides the default value of AppBar.shape in all descendant AppBar controls.

`surface_tint_color`

Overrides the default value of AppBar.surface_tint_color in all descendant AppBar controls.

`title_spacing`

Overrides the default value of AppBar.title_spacing in all descendant AppBar controls.

`title_text_style`

Overrides the default value of AppBar.title_text_style in all descendant AppBar controls.

`toolbar_height`

Overrides the default value of AppBar.toolbar_height in all descendant AppBar controls.

`toolbar_text_style`

Overrides the default value of AppBar.toolbar_text_style in all descendant AppBar controls.

`BadgeTheme` class

Customizes the appearance of Badge across the app.

BadgeTheme class has the following properties:

`alignment`

Overrides the default value of Badge.alignment in all descendant Badge controls.

`bgcolor`

Overrides the default value of Badge.bgcolor in all descendant Badge controls.

`large_size`

Overrides the default value of Badge.large_size in all descendant Badge controls.

`offset`

Overrides the default value of Badge.offset in all descendant Badge controls.

`padding`

Overrides the default value of Badge.padding in all descendant Badge controls.

`small_size`

Overrides the default value of Badge.small_size in all descendant Badge controls.

`text_color`

Overrides the default value of Badge.text_color in all descendant Badge controls.

`text_style`

Overrides the default value of Badge.text_style in all descendant Badge controls.

`BannerTheme` class

Customizes the appearance of Banner across the app.

BannerTheme class has the following properties:

`bgcolor`

Overrides the default value of Banner.bgcolor in all descendant Banner controls.

`content_text_style`

Overrides the default value of Banner.content_text_style in all descendant Banner controls.

`divider_color`

Overrides the default value of Banner.divider_color in all descendant Banner controls.

`elevation`

Overrides the default value of Banner.elevation in all descendant Banner controls.

`leading_padding`

Overrides the default value of Banner.leading_padding in all descendant Banner controls.

`padding`

Overrides the default value of Banner.padding in all descendant Banner controls.

`shadow_color`

Overrides the default value of Banner.shadow_color in all descendant Banner controls.

`surface_tint_color`

Overrides the default value of Banner.surface_tint_color in all descendant Banner controls.

`BottomAppBarTheme` class

Customizes the appearance of BottomAppBar across the app.

BottomAppBarTheme class has the following properties:

`color`

Overrides the default value of BottomAppBar.color in all descendant BottomAppBar controls.

`elevation`

Overrides the default value of BottomAppBar.elevation in all descendant BottomAppBar controls.

`height`

Overrides the default value of BottomAppBar.height in all descendant BottomAppBar controls.

`padding`

Overrides the default value of BottomAppBar.padding in all descendant BottomAppBar controls.

`shadow_color`

Overrides the default value of BottomAppBar.shadow_color in all descendant BottomAppBar controls.

`surface_tint_color`

Overrides the default value of BottomAppBar.surface_tint_color in all descendant BottomAppBar controls.

`BottomNavigationBarTheme` class

Customizes the appearance of BottomNavigationBar across the app.

BottomNavigationBarTheme class has the following properties:

`bgcolor`

Overrides the default value of BottomNavigationBar.bgcolor in all descendant BottomNavigationBar controls.

`elevation`

Overrides the default value of BottomNavigationBar.elevation in all descendant BottomNavigationBar controls.

`enable_feedback`

Overrides the default value of BottomNavigationBar.enable_feedback in all descendant BottomNavigationBar controls.

`show_unselected_labels`

Overrides the default value of BottomNavigationBar.show_unselected_labels in all descendant BottomNavigationBar controls.

`selected_item_color`

Overrides the default value of BottomNavigationBar.selected_item_color in all descendant BottomNavigationBar controls.

`selected_label_text_style`

Overrides the default value of BottomNavigationBar.selected_label_text_style in all descendant BottomNavigationBar controls.

`show_selected_labels`

Overrides the default value of BottomNavigationBar.show_selected_labels in all descendant BottomNavigationBar controls.

`unselected_item_color`

Overrides the default value of BottomNavigationBar.unselected_item_color in all descendant BottomNavigationBar controls.

`unselected_label_text_style`

Overrides the default value of BottomNavigationBar.unselected_label_text_style in all descendant BottomNavigationBar controls.

`BottomSheetTheme` class

Customizes the appearance of BottomSheet across the app.

BottomSheetTheme class has the following properties:

`bgcolor`

Overrides the default value of BottomSheet.bgcolor in all descendant BottomSheet controls.

`clip_behavior`

Overrides the default value of BottomSheet.clip_behavior in all descendant BottomSheet controls.

`drag_handle_color`

Overrides the default value of BottomSheet.drag_handle_color in all descendant BottomSheet controls.

`elevation`

Overrides the default value of BottomSheet.elevation in all descendant BottomSheet controls.

`modal_bgcolor`

Overrides the default value of BottomSheet.modal_bgcolor in all descendant BottomSheet controls.

`modal_elevation`

Overrides the default value of BottomSheet.modal_elevation in all descendant BottomSheet controls.

`shadow_color`

Overrides the default value of BottomSheet.shadow_color in all descendant BottomSheet controls.

`shape`

Overrides the default value of BottomSheet.shape in all descendant BottomSheet controls.

`show_drag_handle`

Overrides the default value of BottomSheet.show_drag_handle in all descendant BottomSheet controls.

`surface_tint_color`

Overrides the default value of BottomSheet.surface_tint_color in all descendant BottomSheet controls.

`CardTheme` class

Customizes the appearance of Card across the app.

CardTheme class has the following properties:

`clip_behavior`

Overrides the default value of Card.clip_behavior in all descendant Card controls.

`color`

Overrides the default value of Card.color in all descendant Card controls.

`elevation`

Overrides the default value of Card.elevation in all descendant Card controls.

`margin`

Overrides the default value of Card.margin in all descendant Card controls.

`shadow_color`

Overrides the default value of Card.shadow_color in all descendant Card controls.

`shape`

Overrides the default value of Card.shape in all descendant Card controls.

`surface_tint_color`

Overrides the default value of Card.surface_tint_color in all descendant Card controls.

`CheckboxTheme` class

Customizes the appearance of Checkbox across the app.

CheckboxTheme class has the following properties:

`border_side`

Overrides the default value of Checkbox.border_side in all descendant Checkbox controls.

`check_color`

Overrides the default value of Checkbox.check_color in all descendant Checkbox controls.

`fill_color`

Overrides the default value of Checkbox.fill_color in all descendant Checkbox controls.

`mouse_cursor`

Overrides the default value of Checkbox.mouse_cursor in all descendant Checkbox controls.

`overlay_color`

Overrides the default value of Checkbox.overlay_color in all descendant Checkbox controls.

`shape`

Overrides the default value of Checkbox.shape in all descendant Checkbox controls.

`splash_radius`

Overrides the default value of Checkbox.splash_radius in all descendant Checkbox controls.

`visual_density`

Overrides the default value of Checkbox.visual_density in all descendant Checkbox controls.

`ChipTheme` class

Customizes the appearance of Chip across the app.

ChipTheme class has the following properties:

`bgcolor`

Overrides the default value of Chip.bgcolor in all descendant Chip controls.

`border_side`

Overrides the default value of Chip.border_side in all descendant Chip controls.

`brightness`

Overrides the default value of Chip.brightness in all descendant Chip controls.

`checkmark_color`

Overrides the default value of Chip.checkmark_color in all descendant Chip controls.

`click_elevation`

Overrides the default value of Chip.click_elevation in all descendant Chip controls.

`delete_icon_color`

Overrides the default value of Chip.delete_icon_color in all descendant Chip controls.

`disabled_color`

Overrides the default value of Chip.disabled_color in all descendant Chip controls.

`elevation`

Overrides the default value of Chip.elevation in all descendant Chip controls.

`label_padding`

Overrides the default value of Chip.label_padding in all descendant Chip controls.

`label_text_style`

Overrides the default value of Chip.label_text_style in all descendant Chip controls.

`padding`

Overrides the default value of Chip.padding in all descendant Chip controls.

`secondary_label_text_style`

Overrides the default value of Chip.secondary_label_text_style in all descendant Chip controls.

`secondary_selected_color`

Overrides the default value of Chip.secondary_selected_color in all descendant Chip controls.

`selected_color`

Overrides the default value of Chip.selected_color in all descendant Chip controls.

`selected_shadow_color`

Overrides the default value of Chip.selected_shadow_color in all descendant Chip controls.

`shadow_color`

Overrides the default value of Chip.shadow_color in all descendant Chip controls.

`shape`

Overrides the default value of Chip.shape in all descendant Chip controls.

`show_checkmark`

Overrides the default value of Chip.show_checkmark in all descendant Chip controls.

`surface_tint_color`

Overrides the default value of Chip.surface_tint_color in all descendant Chip controls.

`DatePickerTheme` class

Customizes the appearance of DatePicker across the app.

DatePickerTheme class has the following properties:

`bgcolor`

Overrides the default value of DatePicker.bgcolor in all descendant DatePicker controls.

`cancel_button_style`

Overrides the default value of DatePicker.cancel_button_style in all descendant DatePicker controls.

`confirm_button_style`

Overrides the default value of DatePicker.confirm_button_style in all descendant DatePicker controls.

`day_bgcolor`

Overrides the default value of DatePicker.day_bgcolor in all descendant DatePicker controls.

`day_foreground_color`

Overrides the default value of DatePicker.day_foreground_color in all descendant DatePicker controls.

`day_overlay_color`

Overrides the default value of DatePicker.day_overlay_color in all descendant DatePicker controls.

`day_text_style`

Overrides the default value of DatePicker.day_text_style in all descendant DatePicker controls.

`divider_color`

Overrides the default value of DatePicker.divider_color in all descendant DatePicker controls.

`elevation`

Overrides the default value of DatePicker.elevation in all descendant DatePicker controls.

`header_bgcolor`

Overrides the default value of DatePicker.header_bgcolor in all descendant DatePicker controls.

`header_foreground_color`

Overrides the default value of DatePicker.header_foreground_color in all descendant DatePicker controls.

`header_headline_text_style`

Overrides the default value of DatePicker.header_headline_text_style in all descendant DatePicker controls.

`header_help_text_style`

Overrides the default value of DatePicker.header_help_text_style in all descendant DatePicker controls.

`range_picker_bgcolor`

Overrides the default value of DatePicker.range_picker_bgcolor in all descendant DatePicker controls.

`range_picker_elevation`

Overrides the default value of DatePicker.range_picker_elevation in all descendant DatePicker controls.

`range_picker_header_bgcolor`

Overrides the default value of DatePicker.range_picker_header_bgcolor in all descendant DatePicker controls.

`range_picker_header_foreground_color`

Overrides the default value of DatePicker.range_picker_header_foreground_color in all descendant DatePicker controls.

`range_picker_header_headline_text_style`

Overrides the default value of DatePicker.range_picker_header_headline_text_style in all descendant DatePicker controls.

`range_picker_header_help_text_style`

Overrides the default value of DatePicker.range_picker_header_help_text_style in all descendant DatePicker controls.

`range_picker_shape`

Overrides the default value of DatePicker.range_picker_shape in all descendant DatePicker controls.

`range_picker_surface_tint_color`

Overrides the default value of DatePicker.range_picker_surface_tint_color in all descendant DatePicker controls.

`range_selection_bgcolor`

Overrides the default value of DatePicker.range_selection_bgcolor in all descendant DatePicker controls.

`range_selection_overlay_color`

Overrides the default value of DatePicker.range_selection_overlay_color in all descendant DatePicker controls.

`shadow_color`

Overrides the default value of DatePicker.shadow_color in all descendant DatePicker controls.

`shape`

Overrides the default value of DatePicker.shape in all descendant DatePicker controls.

`surface_tint_color`

Overrides the default value of DatePicker.surface_tint_color in all descendant DatePicker controls.

`today_bgcolor`

Overrides the default value of DatePicker.today_bgcolor in all descendant DatePicker controls.

`today_border_side`

Overrides the default value of DatePicker.today_border_side in all descendant DatePicker controls.

`today_foreground_color`

Overrides the default value of DatePicker.today_foreground_color in all descendant DatePicker controls.

`weekday_text_style`

Overrides the default value of DatePicker.weekday_text_style in all descendant DatePicker controls.

`year_bgcolor`

Overrides the default value of DatePicker.year_bgcolor in all descendant DatePicker controls.

`year_foreground_color`

Overrides the default value of DatePicker.year_foreground_color in all descendant DatePicker controls.

`year_overlay_color`

Overrides the default value of DatePicker.year_overlay_color in all descendant DatePicker controls.

`year_text_style`

Overrides the default value of DatePicker.year_text_style in all descendant DatePicker controls.

`DialogTheme` class

Customizes the appearance of Dialog across the app.

DialogTheme class has the following properties:

`actions_padding`

Overrides the default value of Dialog.actions_padding in all descendant Dialog controls.

`alignment`

Overrides the default value of Dialog.alignment in all descendant Dialog controls.

`bgcolor`

Overrides the default value of Dialog.bgcolor in all descendant Dialog controls.

`content_text_style`

Overrides the default value of Dialog.content_text_style in all descendant Dialog controls.

`elevation`

Overrides the default value of Dialog.elevation in all descendant Dialog controls.

`icon_color`

Overrides the default value of Dialog.icon_color in all descendant Dialog controls.

`shadow_color`

Overrides the default value of Dialog.shadow_color in all descendant Dialog controls.

`shape`

Overrides the default value of Dialog.shape in all descendant Dialog controls.

`surface_tint_color`

Overrides the default value of Dialog.surface_tint_color in all descendant Dialog controls.

`title_text_style`

Overrides the default value of Dialog.title_text_style in all descendant Dialog controls.

`DividerTheme` class

Customizes the appearance of Divider across the app.

DividerTheme class has the following properties:

`color`

Overrides the default value of Divider.color in all descendant Divider controls.

`leading_indent`

Overrides the default value of Divider.leading_indent in all descendant Divider controls.

`space`

Overrides the default value of Divider.space in all descendant Divider controls.

`thickness`

Overrides the default value of Divider.thickness in all descendant Divider controls.

`trailing_indent`

Overrides the default value of Divider.trailing_indent in all descendant Divider controls.

`ExpansionTileTheme` class

Customizes the appearance of ExpansionTile across the app.

ExpansionTileTheme class has the following properties:

`bgcolor`

Overrides the default value of ExpansionTile.bgcolor in all descendant ExpansionTile controls.

`collapsed_bgcolor`

Overrides the default value of ExpansionTile.collapsed_bgcolor in all descendant ExpansionTile controls.

`collapsed_icon_color`

Overrides the default value of ExpansionTile.collapsed_icon_color in all descendant ExpansionTile controls.

`icon_color`

Overrides the default value of ExpansionTile.icon_color in all descendant ExpansionTile controls.

`text_color`

Overrides the default value of ExpansionTile.text_color in all descendant ExpansionTile controls.

`ListTileTheme` class

Customizes the appearance of ListTile across the app.

ListTileTheme class has the following properties:

`bgcolor`

Overrides the default value of ListTile.bgcolor in all descendant ListTile controls.

`content_padding`

Overrides the default value of ListTile.content_padding in all descendant ListTile controls.

`dense`

Overrides the default value of ListTile.dense in all descendant ListTile controls.

`enable_feedback`

Overrides the default value of ListTile.enable_feedback in all descendant ListTile controls.

`horizontal_spacing`

Overrides the default value of ListTile.horizontal_spacing in all descendant ListTile controls.

`icon_color`

Overrides the default value of ListTile.icon_color in all descendant ListTile controls.

`is_three_line`

Overrides the default value of ListTile.is_three_line in all descendant ListTile controls.

`leading_and_trailing_text_style`

Overrides the default value of ListTile.leading_and_trailing_text_style in all descendant ListTile controls.

`min_leading_width`

Overrides the default value of ListTile.min_leading_width in all descendant ListTile controls.

`min_vertical_padding`

Overrides the default value of ListTile.min_vertical_padding in all descendant ListTile controls.

`selected_tile_color`

Overrides the default value of ListTile.selected_tile_color in all descendant ListTile controls.

`selected_color`

Overrides the default value of ListTile.selected_color in all descendant ListTile controls.

`shape`

Overrides the default value of ListTile.shape in all descendant ListTile controls.

`subtitle_text_style`

Overrides the default value of ListTile.subtitle_text_style in all descendant ListTile controls.

`text_color`

Overrides the default value of ListTile.text_color in all descendant ListTile controls.

`title_text_style`

Overrides the default value of ListTile.title_text_style in all descendant ListTile controls.

`visual_density`

Overrides the default value of ListTile.visual_density in all descendant ListTile controls.

`NavigationBarTheme` class

Customizes the appearance of NavigationBar across the app.

NavigationBarTheme class has the following properties:

`bgcolor`

Overrides the default value of NavigationBar.bgcolor in all descendant NavigationBar controls.

`elevation`

Overrides the default value of NavigationBar.elevation in all descendant NavigationBar controls.

`height`

Overrides the default value of NavigationBar.height in all descendant NavigationBar controls.

`indicator_color`

Overrides the default value of NavigationBar.indicator_color in all descendant NavigationBar controls.

`indicator_shape`

Overrides the default value of NavigationBar.indicator_shape in all descendant NavigationBar controls.

`label_behavior`

Overrides the default value of NavigationBar.label_behavior in all descendant NavigationBar controls.

`label_text_style`

Overrides the default value of NavigationBar.label_text_style in all descendant NavigationBar controls.

`overlay_color`

Overrides the default value of NavigationBar.overlay_color in all descendant NavigationBar controls.

`shadow_color`

Overrides the default value of NavigationBar.shadow_color in all descendant NavigationBar controls.

`surface_tint_color`

Overrides the default value of NavigationBar.surface_tint_color in all descendant NavigationBar controls.

`NavigationDrawerTheme` class

Customizes the appearance of NavigationDrawer across the app.

NavigationDrawerTheme class has the following properties:

`bgcolor`

Overrides the default value of NavigationDrawer.bgcolor in all descendant NavigationDrawer controls.

`elevation`

Overrides the default value of NavigationDrawer.elevation in all descendant NavigationDrawer controls.

`indicator_color`

Overrides the default value of NavigationDrawer.indicator_color in all descendant NavigationDrawer controls.

`indicator_shape`

Overrides the default value of NavigationDrawer.indicator_shape in all descendant NavigationDrawer controls.

`label_text_style`

Overrides the default value of NavigationDrawer.label_text_style in all descendant NavigationDrawer controls.

`shadow_color`

Overrides the default value of NavigationDrawer.shadow_color in all descendant NavigationDrawer controls.

`surface_tint_color`

Overrides the default value of NavigationDrawer.surface_tint_color in all descendant NavigationDrawer controls.

`tile_height`

Overrides the default value of NavigationDrawer.tile_height in all descendant NavigationDrawer controls.

`NavigationRailTheme` class

Customizes the appearance of NavigationRail across the app.

NavigationRailTheme class has the following properties:

`bgcolor`

Overrides the default value of NavigationRail.bgcolor in all descendant NavigationRail controls.

`elevation`

Overrides the default value of NavigationRail.elevation in all descendant NavigationRail controls.

`group_alignment`

Overrides the default value of NavigationRail.group_alignment in all descendant NavigationRail controls.

`indicator_color`

Overrides the default value of NavigationRail.indicator_color in all descendant NavigationRail controls.

`indicator_shape`

Overrides the default value of NavigationRail.indicator_shape in all descendant NavigationRail controls.

`label_type`

Overrides the default value of NavigationRail.label_type in all descendant NavigationRail controls.

`min_extended_width`

Overrides the default value of NavigationRail.min_extended_width in all descendant NavigationRail controls.

`min_width`

Overrides the default value of NavigationRail.min_width in all descendant NavigationRail controls.

`selected_label_text_style`

Overrides the default value of NavigationRail.selected_label_text_style in all descendant NavigationRail controls.

`unselected_label_text_style`

Overrides the default value of NavigationRail.unselected_label_text_style in all descendant NavigationRail controls.

`use_indicator`

Overrides the default value of NavigationRail.use_indicator in all descendant NavigationRail controls.

`PopupMenuTheme` class

Customizes the appearance of PopupMenuButton across the app.

PopupMenuTheme class has the following properties:

`color`

Overrides the default value of PopupMenuButton.color in all descendant PopupMenuButton controls.

`elevation`

Overrides the default value of PopupMenuButton.elevation in all descendant PopupMenuButton controls.

`enable_feedback`

Overrides the default value of PopupMenuButton.enable_feedback in all descendant PopupMenuButton controls.

`icon_color`

Overrides the default value of PopupMenuButton.icon_color in all descendant PopupMenuButton controls.

`icon_size`

Overrides the default value of PopupMenuButton.icon_size in all descendant PopupMenuButton controls.

`label_text_style`

Overrides the default value of PopupMenuButton.label_text_style in all descendant PopupMenuButton controls.

`menu_position`

Overrides the default value of PopupMenuButton.menu_position in all descendant PopupMenuButton controls.

`mouse_cursor`

Overrides the default value of PopupMenuButton.mouse_cursor in all descendant PopupMenuButton controls.

`shadow_color`

Overrides the default value of PopupMenuButton.shadow_color in all descendant PopupMenuButton controls.

`shape`

Overrides the default value of PopupMenuButton.shape in all descendant PopupMenuButton controls.

`surface_tint_color`

Overrides the default value of PopupMenuButton.surface_tint_color in all descendant PopupMenuButton controls.

`text_style`

Overrides the default value of PopupMenuButton.text_style in all descendant PopupMenuButton controls.

`ProgressIndicatorTheme` class

Customizes the appearance of ProgressIndicator across the app.

ProgressIndicatorTheme class has the following properties:

`circular_track_color`

Overrides the default value of ProgressIndicator.circular_track_color in all descendant ProgressIndicator controls.

`color`

Overrides the default value of ProgressIndicator.color in all descendant ProgressIndicator controls.

`linear_min_height`

Overrides the default value of ProgressIndicator.linear_min_height in all descendant ProgressIndicator controls.

`linear_track_color`

Overrides the default value of ProgressIndicator.linear_track_color in all descendant ProgressIndicator controls.

`refresh_bgcolor`

TBA

`RadioTheme` class

Customizes the appearance of Radio across the app.

RadioTheme class has the following properties:

`fill_color`

Overrides the default value of Radio.fill_color in all descendant Radio controls.

`height`

Overrides the default value of Radio.height in all descendant Radio controls.

`mouse_cursor`

Overrides the default value of Radio.mouse_cursor in all descendant Radio controls.

`overlay_color`

Overrides the default value of Radio.overlay_color in all descendant Radio controls.

`splash_radius`

Overrides the default value of Radio.splash_radius in all descendant Radio controls.

`visual_density`

Overrides the default value of Radio.visual_density in all descendant Radio controls.

`SearchBarTheme` class

Customizes the appearance of SearchBar (in 'bar' mode) across the app.

SearchBarTheme class has the following properties:

`bgcolor`

Overrides the default value of SearchBar.bar_bgcolor in all descendant SearchBar controls.

`elevation`

Overrides the default value of SearchBar.bar_elevation in all descendant SearchBar controls.

`hint_style`

Overrides the default value of SearchBar.hint_style in all descendant SearchBar controls.

`overlay_color`

Overrides the default value of SearchBar.overlay_color in all descendant SearchBar controls.

`shadow_color`

Overrides the default value of SearchBar.shadow_color in all descendant SearchBar controls.

`surface_tint_color`

Overrides the default value of SearchBar.surface_tint_color in all descendant SearchBar controls.

`text_capitalization`

Overrides the default value of SearchBar.text_capitalization in all descendant SearchBar controls.

`text_style`

Overrides the default value of SearchBar.text_style in all descendant SearchBar controls.

`padding`

Overrides the default value of SearchBar.padding in all descendant SearchBar controls.

`shape`

Overrides the default value of SearchBar.shape in all descendant SearchBar controls.

`SearchViewTheme` class

Customizes the appearance of SearchView (in 'view' mode) across the app.

SearchViewTheme class has the following properties:

`bgcolor`

Overrides the default value of SearchBar.view_bgcolor in all descendant SearchBar controls.

`border_side`

Overrides the default value of SearchBar.border_side in all descendant SearchBar controls.

`divider_color`

Overrides the default value of SearchBar.divider_color in all descendant SearchBar controls.

`elevation`

Overrides the default value of SearchBar.view_elevation in all descendant SearchBar controls.

`header_hint_text_style`

Overrides the default value of SearchBar.header_hint_text_style in all descendant SearchBar controls.

`header_text_style`

Overrides the default value of SearchBar.header_text_style in all descendant SearchBar controls.

`shape`

Overrides the default value of SearchBar.shape in all descendant SearchBar controls.

`surface_tint_color`

Overrides the default value of SearchBar.surface_tint_color in all descendant SearchBar controls.

`SegmentedButtonTheme` class

Customizes the appearance of SegmentedButton across the app.

SegmentedButtonTheme class has the following properties:

`style`

Overrides the default value of SegmentedButton.style in all descendant SegmentedButton controls.

`SliderTheme` class

Customizes the appearance of Slider across the app.

SliderTheme class has the following properties:

`active_track_color`

Overrides the default value of Slider.active_track_color in all descendant Slider controls.

`disabled_thumb_color`

Overrides the default value of Slider.disabled_thumb_color in all descendant Slider controls.

`inactive_track_color`

Overrides the default value of Slider.inactive_track_color in all descendant Slider controls.

`overlay_color`

Overrides the default value of Slider.overlay_color in all descendant Slider controls.

`thumb_color`

Overrides the default value of Slider.thumb_color in all descendant Slider controls.

`value_indicator_color`

Overrides the default value of Slider.value_indicator_color in all descendant Slider controls.

`value_indicator_text_style`

Overrides the default value of Slider.value_indicator_text_style in all descendant Slider controls.

`SnackBarTheme` class

Customizes the appearance of SnackBar across the app.

SnackBarTheme class has the following properties:

`action_bgcolor`

Overrides the default value of SnackBar.action_bgcolor in all descendant SnackBar controls.

`action_overflow_threshold`

Overrides the default value of SnackBar.action_overflow_threshold in all descendant SnackBar controls.

`action_text_color`

Overrides the default value of SnackBar.action_text_color in all descendant SnackBar controls.

`alignment`

Overrides the default value of SnackBar.alignment in all descendant SnackBar controls.

`behavior`

Overrides the default value of SnackBar.behavior in all descendant SnackBar controls.

`bgcolor`

Overrides the default value of SnackBar.bgcolor in all descendant SnackBar controls.

`close_icon_color`

Overrides the default value of SnackBar.close_icon_color in all descendant SnackBar controls.

`content_text_style`

Overrides the default value of SnackBar.content_text_style in all descendant SnackBar controls.

`disabled_action_bgcolor`

Overrides the default value of SnackBar.disabled_action_bgcolor in all descendant SnackBar controls.

`disabled_action_text_color`

Overrides the default value of SnackBar.disabled_action_text_color in all descendant SnackBar controls.

`elevation`

Overrides the default value of SnackBar.elevation in all descendant SnackBar controls.

`dismiss_direction`

Overrides the default value of SnackBar.dismiss_direction in all descendant SnackBar controls.

`inset_padding`

Overrides the default value of SnackBar.inset_padding in all descendant SnackBar controls.

`shape`

Overrides the default value of SnackBar.shape in all descendant SnackBar controls.

`show_close_icon`

Overrides the default value of SnackBar.show_close_icon in all descendant SnackBar controls.

`width`

Overrides the default value of SnackBar.width in all descendant SnackBar controls.

`SwitchTheme` class

Customizes the appearance of Switch across the app.

SwitchTheme class has the following properties:

`mouse_cursor`

Overrides the default value of Switch.mouse_cursor in all descendant Switch controls.

`overlay_color`

Overrides the default value of Switch.overlay_color in all descendant Switch controls.

`splash_radius`

Overrides the default value of Switch.splash_radius in all descendant Switch controls.

`thumb_color`

Overrides the default value of Switch.thumb_color in all descendant Switch controls.

`thumb_icon`

Overrides the default value of Switch.thumb_icon in all descendant Switch controls.

`track_color`

Overrides the default value of Switch.track_color in all descendant Switch controls.

`track_outline_color`

Overrides the default value of Switch.track_outline_color in all descendant Switch controls.

`track_outline_width`

Overrides the default value of Switch.track_outline_width in all descendant Switch controls.

`TimePickerTheme` class

Customizes the appearance of TimePicker across the app.

TimePickerTheme class has the following properties:

`bgcolor`

Overrides the default value of TimePicker.bgcolor in all descendant TimePicker controls.

`cancel_button_style`

Overrides the default value of TimePicker.cancel_button_style in all descendant TimePicker controls.

`confirm_button_style`

Overrides the default value of TimePicker.confirm_button_style in all descendant TimePicker controls.

`day_period_border_side`

Overrides the default value of TimePicker.day_period_border_side in all descendant TimePicker controls.

`day_period_button_style`

Overrides the default value of TimePicker.day_period_button_style in all descendant TimePicker controls.

`day_period_color`

Overrides the default value of TimePicker.day_period_color in all descendant TimePicker controls.

`day_period_shape`

Overrides the default value of TimePicker.day_period_shape in all descendant TimePicker controls.

`day_period_text_color`

Overrides the default value of TimePicker.day_period_text_color in all descendant TimePicker controls.

`day_period_text_style`

Overrides the default value of TimePicker.day_period_text_style in all descendant TimePicker controls.

`dial_bgcolor`

Overrides the default value of TimePicker.dial_bgcolor in all descendant TimePicker controls.

`dial_hand_color`

Overrides the default value of TimePicker.dial_hand_color in all descendant TimePicker controls.

`dial_text_color`

Overrides the default value of TimePicker.dial_text_color in all descendant TimePicker controls.

`dial_text_style`

Overrides the default value of TimePicker.dial_text_style in all descendant TimePicker controls.

`elevation`

Overrides the default value of TimePicker.elevation in all descendant TimePicker controls.

`entry_mode_icon_color`

Overrides the default value of TimePicker.entry_mode_icon_color in all descendant TimePicker controls.

`help_text_style`

Overrides the default value of TimePicker.help_text_style in all descendant TimePicker controls.

`hour_minute_color`

Overrides the default value of TimePicker.hour_minute_color in all descendant TimePicker controls.

`hour_minute_text_color`

Overrides the default value of TimePicker.hour_minute_text_color in all descendant TimePicker controls.

`hour_minute_text_style`

Overrides the default value of TimePicker.hour_minute_text_style in all descendant TimePicker controls.

`hour_minute_shape`

Overrides the default value of TimePicker.hour_minute_shape in all descendant TimePicker controls.

`padding`

Overrides the default value of TimePicker.padding in all descendant TimePicker controls.

`shape`

Overrides the default value of TimePicker.shape in all descendant TimePicker controls.

`TooltipTheme` class

Customizes the appearance of Tooltip across the app.

TooltipTheme class has the following properties:

`enable_feedback`

Overrides the default value of Tooltip.enable_feedback in all descendant Tooltip controls.

`exclude_from_semantics`

Overrides the default value of Tooltip.exclude_from_semantics in all descendant Tooltip controls.

`height`

Overrides the default value of Tooltip.height in all descendant Tooltip controls.

`text_style`

Overrides the default value of Tooltip.text_style in all descendant Tooltip controls.

Theme properties​

color_scheme_seed​

color_scheme​

text_theme​

primary_text_theme​

scrollbar_theme​

tabs_theme​

font_family​

use_material3​

visual_density​

page_transitions​

system_overlay_style​

appbar_theme​

badge_theme​

banner_theme​

bottom_appbar_theme​

bottom_navigation_bar_theme​

bottom_sheet_theme​

card_theme​

checkbox_theme​

chip_theme​

date_picker_theme​

dialog_theme​

divider_theme​

expansion_tile_theme​

list_tile_theme​

navigation_bar_theme​

navigation_drawer_theme​

navigation_rail_theme​

popup_menu_theme​

primary_color​

primary_color_dark​

primary_color_light​

primary_swatch​

progress_indicator_theme​

radio_theme​

search_bar_theme​

search_view_theme​

segmented_button_theme​

slider_theme​

snackbar_theme​

switch_theme​

time_picker_theme​

tooltip_theme​

ColorScheme class​

primary​

on_primary​

primary_container​

on_primary_container​

secondary​

on_secondary​

secondary_container​

on_secondary_container​

tertiary​

on_tertiary​

tertiary_container​

on_tertiary_container​

error​

on_error​

error_container​

on_error_container​

background​

on_background​

surface​

on_surface​

surface_variant​

on_surface_variant​

outline​

outline_variant​

shadow​

scrim​

inverse_surface​

on_inverse_surface​

inverse_primary​

surface_tint​

TextTheme class​

body_large​

body_medium​

body_small​

display_large​

`Theme` properties

`color_scheme_seed`

`color_scheme`

`text_theme`

`primary_text_theme`

`scrollbar_theme`

`tabs_theme`

`font_family`

`use_material3`

`visual_density`

`page_transitions`

`system_overlay_style`

`appbar_theme`

`badge_theme`

`banner_theme`

`bottom_appbar_theme`

`bottom_navigation_bar_theme`

`bottom_sheet_theme`

`card_theme`

`checkbox_theme`

`chip_theme`

`date_picker_theme`

`dialog_theme`

`divider_theme`

`expansion_tile_theme`

`list_tile_theme`

`navigation_bar_theme`

`navigation_drawer_theme`

`navigation_rail_theme`

`popup_menu_theme`

`primary_color`

`primary_color_dark`

`primary_color_light`

`primary_swatch`

`progress_indicator_theme`

`radio_theme`

`search_bar_theme`

`search_view_theme`

`segmented_button_theme`

`slider_theme`

`snackbar_theme`

`switch_theme`

`time_picker_theme`

`tooltip_theme`

`ColorScheme` class

`primary`

`on_primary`

`primary_container`

`on_primary_container`

`secondary`

`on_secondary`

`secondary_container`

`on_secondary_container`

`tertiary`

`on_tertiary`

`tertiary_container`

`on_tertiary_container`

`error`

`on_error`

`error_container`

`on_error_container`

`background`

`on_background`

`surface`

`on_surface`

`surface_variant`

`on_surface_variant`

`outline`

`outline_variant`

`shadow`

`scrim`

`inverse_surface`

`on_inverse_surface`

`inverse_primary`

`surface_tint`

`TextTheme` class

`body_large`

`body_medium`

`body_small`

`display_large`