Theme & Appearance
Control the visual appearance of the application.
| Parameter | Type | Default | Description | Effect | |
| style | "dark" | "dark" | Applies style to the UI | Changes the entire UI color scheme to dark or light mode | Theme mode |
| themeName | string | Company name | Custom theme identifier | Loads a specific theme configuration (e.g., branded themes) |
Note: Theme can also be set via URL parameter ?style=dark or ?style=light
SDK Support:
- Swift: Direct support via
IStyleclass passed to view creation methods (hex values with #) - Flutter: Direct support via
IStyleclass passed to view creation methods - Kotlin: Direct support via
IStyledata class passed to view creation methods (hex values without #) - React Native/React: Direct support via
styleobject in postData - HTML/JS: Direct in postData object
Theme Configuration
1// Direct SDK support via IStyle class
2let customStyle = IStyle(
3 style: "light",
4 themeName: "CustomBrand"
5)
6
7kinestex.createWorkoutView(
8 workout: "Fitness Lite",
9 user: user,
10 style: customStyle,
11 isLoading: $isLoading,
12 onMessageReceived: { /* ... */ }
13)