# `PhoenixFilament.Components.Theme`
[🔗](https://github.com/franciscpd/phoenix-filament/blob/main/lib/phoenix_filament/components/theme.ex#L1)

Theme utilities for daisyUI 5 CSS variable theming.

# `css_vars`

```elixir
@spec css_vars(keyword()) :: String.t()
```

# `theme_attr`

```elixir
@spec theme_attr(atom() | String.t()) :: String.t()
```

# `theme_switcher`

Renders a daisyUI swap toggle that switches between light and dark themes via `theme-controller`.

## Example

    <.theme_switcher light_theme="light" dark_theme="dark" />

## Attributes

* `light_theme` (`:string`) - Defaults to `"light"`.
* `dark_theme` (`:string`) - Defaults to `"dark"`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*
