AiKitThemeCustomizer

Appearance settings for end users: Color (accent swatches), Radius, Density and Mode (light, dark, auto), plus a Reset button. Without value and defaultValue it reads and changes the nearest AiKitProvider, so every kit component under that provider updates at once and persistKey on the provider saves the choice. Pass value and onChange to control it yourself (for example to store the settings on the server and feed them to AiKitProvider as props), or defaultValue for uncontrolled use without a provider. accents limits the offered colors to a subset of AI_KIT_ACCENTS; every accent passes contrast checks in both schemes. sections hides sections, for example { mode: false } when the host app owns the color scheme. It fits a 360px panel as well as a settings page column. See Theming (/docs/theming).