# Visual demo for the StyleBox theming system.

Shows all theme presets side by side. Each column applies its own theme to the widget subtree so backgrounds, buttons, inputs, sliders, checkboxes, and tabs all render with the correct colours.  Buttons are shown in every state: normal, hover, pressed, disabled, focused.

```{raw} html
<a class="example-run-button" href="../demos/features_ui_theme.html">▶ Run in browser</a>

```

**Tags:** `ui`

Run:
    uv run python examples/features/ui/theme.py

## Source

```{literalinclude} ../../examples/features/ui/theme.py
:language: python
:linenos:
```