Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

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