Theme Customization
Customize the SDK appearance to match your brand. Configure colors, typography, logos, and animations.
Overview
The SDK provides extensive customization options through the SdkTheme object. All theme settings should be configured before calling EdfaPayPlugin.initiate().
Loading...Color Customization
setPrimaryColor
Sets the primary/accent color used for buttons, highlights, and key UI elements.
Loading...setSecondaryColor
Sets the secondary color used for text on primary backgrounds, icons, and accents.
Loading...Color Guidelines
| Property | Used For | Recommendation |
|---|---|---|
| Primary Color | Buttons, headers, progress indicators | Use your brand's main color |
| Secondary Color | Text/icons on primary backgrounds | Ensure contrast ratio > 4.5:1 |
Typography
setFontScale
Adjusts the overall font size across all SDK screens. Useful for accessibility or display preferences.
Loading...| Value | Effect | Use Case |
|---|---|---|
| 0.8f | 20% smaller | Compact displays |
| 1.0f | Default | Standard usage |
| 1.2f | 20% larger | Better readability |
| 1.5f | 50% larger | Accessibility, kiosk displays |
Branding
setHeaderImage
Display your brand logo in the SDK header area.
Loading...Logo Guidelines
- Format: PNG with transparency (recommended) or JPEG
- Dimensions: 200x60 pixels (or similar aspect ratio)
- File size: Under 100KB for optimal performance
- Background: Transparent works best with theme colors
setPoweredByImage
Customize the "Powered By" branding image.
Loading...Restriction Notice
This feature may be restricted based on your partnership agreement. If restricted, a toast message will appear indicating the limitation.
Celebration Animations
Customize or disable the animations shown after successful operations.
Loading...Global Animation Speed
Control all SDK animations globally:
Loading...| Value | Effect |
|---|---|
| 0.5f | Half speed (slower, more dramatic) |
| 1.0f | Normal speed |
| 1.5f | 1.5x faster |
| 2.0f | Double speed |
| 3.0f | Triple speed (snappy feel) |
Complete Examples
Standard Business App
Loading...Accessibility-Focused
Loading...Quick Checkout Kiosk
Loading...Best Practices
- Configure Early: Always set theme before
EdfaPayPlugin.initiate() - Test Color Contrast: Ensure primary/secondary have WCAG AA contrast (4.5:1 minimum)
- Logo Optimization: Use appropriately sized images to prevent layout issues
- Presentation Choice: Use
DIALOG_BOTTOM_FILLfor standard mobile UX
On this page
Downloads
Coming SoonSample apps, release bundles, and more content will be available here soon.