Theming
The Experience SDK lets you customize Native App Feedback colors in your App Insights Project without adding platform-specific theming code to your app.
Configure Colors
- Open your App Insights Project and select the intercept you want to customize.
- Select Look & Feel.
- Configure the available colors for both Light and Dark appearances.
- Use the preview to check each page and supported question type as you adjust the colors.
- Publish the intercept to make the updated appearance available to the SDK.
info
Configure and preview both appearances. Check that text, controls, and selected states have sufficient contrast against their backgrounds.
Supported Colors
| Color | Description |
|---|---|
| Background | The main background behind your content. |
| Primary text | Main headings and body text. |
| Secondary text | Less prominent text, such as captions, hints, counters, and icons. |
| Brand color | Your main brand color, used for buttons and interactive elements. |
| Text on brand color | Text or icons displayed on top of a brand-colored button. |
| Soft brand color | A light tint of your brand color, used for subtle highlights. |
| Text on soft brand color | Text or icons displayed on top of the soft brand color. |
| Border | Lines that separate or outline elements. |
| Input field background | The background inside text boxes and form fields. |
Look & Feel currently supports colors only. We plan to add font customization in a future release. Other typography settings, spacing, and component layouts are not supported.
Migrate Theming from Mobile App SDK v2
Unlike Mobile App SDK v2, the Experience SDK does not provide a public theming API. Instead, Native App Feedback uses the published Look & Feel settings from App Insights.
For migration steps, see the Migrate Theming section in the migration guide.