# `PhiaUi.Components.ThemeProvider` [🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/display/theme_provider.ex#L1) Scoped CSS theme provider using a CSS-first, data-attribute approach. `theme_provider/1` wraps its children in a `
` and sets the `data-phia-theme` attribute on it. A static CSS file (`phia-themes.css`, generated by `mix phia.theme install`) defines CSS custom property overrides for each `[data-phia-theme="name"]` selector. Because CSS cascades, every PhiaUI component inside the wrapper automatically uses the theme's color tokens without any additional props. ## Architecture: CSS-first theming The v2 theme system is completely CSS-first — no `