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.

PropType | ValuesDefault
has_background
bool
appearance
"inherit" | "light" | ...
accent_color
"tomato" | "red" | ...
gray_color
"gray" | "mauve" | ...
panel_background
"solid" | "translucent"
radius
"none" | "small" | ...
scaling
"90%" | "95%" | ...

Event Triggers

See the full list of default event triggers

rx.theme_panel

Visual editor for creating and editing themes.

PropType | ValuesDefault
default_open
bool