NewReflex Build On-Prem: A Secure Builder Running in Your Environment. Learn more

/

/

Theme

The Theme component is used to change the theme of the application. The Theme can be set directly in the rx.App.

Theme Panel

The ThemePanel component is a container for the Theme component. It provides a way to change the theme of the application.

The theme panel is closed by default. You can set it open default_open=True.

API Reference

rx.theme

A theme provider for radix components.

Prop	Type \| Values	Default
`has_background`	`bool`	`True`
`appearance`	`"inherit" \| "light" \| ...`	`"inherit"`
`accent_color`	`"tomato" \| "red" \| ...`	`-`
`gray_color`	`"gray" \| "mauve" \| ...`	`-`
`panel_background`	`"solid" \| "translucent"`	`-`
`radius`	`"none" \| "small" \| ...`	`"medium"`
`scaling`	`"90%" \| "95%" \| ...`	`"100%"`

Event Triggers

See the full list of default event triggers

rx.theme_panel

Visual editor for creating and editing themes.

Prop	Type \| Values	Default
`default_open`	`bool`	`False`

Event Triggers

See the full list of default event triggers

Built with Reflex