Theming¶

Control the color scheme of panel-live using the theme attribute.

Auto theme (default)¶

Follows the user's operating system preference via prefers-color-scheme. This is the default when no theme is specified.

import panel as pn pn.panel("**Auto theme** — follows your OS light/dark preference.").servable()

Light theme¶

Forces a light color scheme regardless of system preference.

import panel as pn pn.panel("**Light theme** — always light.").servable()

Dark theme¶

Forces a dark color scheme regardless of system preference.

import panel as pn pn.panel("**Dark theme** — always dark.").servable()

Fence syntax¶

```{.panel theme="auto"}
# follows OS preference (default)
```

```{.panel theme="light"}
# always light
```

```{.panel theme="dark"}
# always dark
```

When to use each¶