Theming¶

MimiSDK has a powerful theming engine built into every UI component, designed to provide all the flexibility you need to make Mimi feel at home in your app. We provide the ability to customize colors, fonts, view appearance and more.

Refer to the available theming attributes and examples.

Defining a custom Mimi theme¶

The default Mimi Theme is defined by the style Theme.Mimi.

You define your custom Mimi theme by inheriting Theme.Mimi and providing your own customizations.

<style name="MyAppMimiTheme" parent="Theme.Mimi">
    <!-- Customize your theme here. -->
</style>

Applying a theme¶

How you apply the Mimi theme to your app depends on your app's base theme.

`AppCompat` base themes¶

If you are using AppCompat as your overall app theme, then you can simply define your app's overall theme as your custom Mimi Theme in your AndroidManifest.xml:

<application
    android:name=".MyApplication"
    android:theme="@style/MyAppMimiTheme">
</application>

Other base themes¶

For other app base themes, such as Material, you will need to apply your custom theme to the specific Mimi components that you use.

Supporting `MimiProfileFragment`¶

Include the MimiProfileFragment in a separate Activity and apply your custom theme to that Activity.

<activity
    android:name="com.yourapp.YourMimiProfileActivity"
    android:theme="@style/MyAppMimiTheme" />

Supporting `TestFlowActivity`¶

<!-- Override the default MSDK TestFlowActivity theme -->
<activity
    android:name="io.mimi.sdk.testflow.activity.TestFlowActivity"
    android:theme="@style/MyAppMimiTheme" />

Android Edge to Edge support¶

The Android Edge to Edge feature is supported since MimiSDK 11.1.0. The Mimi UI will automatically adjust to be edge-to-edge when enabled in your app.

For more information on how to enable Edge to Edge in your app, refer to the official Android documentation.

Troubleshooting¶

Use our debug theme to understand the effects of specific color attributes on the Mimi UI