How to fix color inconsistencies between web and mobile applications
How to fix color inconsistencies between web and mobile applications
How to Fix Color Inconsistencies Between Web and Mobile Applications
The Color Theme settings in Cadence allow you to customize the visual appearance of your event across web browsers, iOS, and Android apps. When colors don't display consistently across platforms, especially for custom menu items, several troubleshooting steps can help resolve these inconsistencies and ensure a unified brand experience for your attendees.
When to use
When custom menu items aren't showing your selected color theme
When colors appear differently on mobile apps compared to web browsers
When color changes don't appear after saving
This troubleshooting guide applies to all license types that support color customization (Premium, Premium Pro, and Enterprise).
How to do it
Verify your Cadence mobile app version is current.
The latest versions are v2.7.404 for Android and v2.7.393 for iOS as of July 2025.
Navigate to Event Setup in your Cadence admin dashboard.
Select Color Theme from the left sidebar menu.
Check which color theme option is currently selected (Default Color, Custom Color, or Advanced Colors).
If using Custom Color, ensure you've selected a color with sufficient contrast.
Very light colors (like #FFFF00 yellow) may appear inconsistently across platforms or be difficult to read against white backgrounds.
If using Advanced Colors, verify all features have colors explicitly assigned.
For precise brand matching, enter specific hex codes (e.g., #FF5733) rather than using the visual color picker.
Click "Apply Color to All" to save your changes.
Clear cache and cookies on web browsers and restart mobile apps.
Test your event on web browsers by opening your event's user-facing website.
Test on iOS and Android devices by opening your event in the Cadence mobile app.
Check custom menu items to verify they display the correct colors.
Custom menu items inherit colors from their parent feature type. For example, a custom page will use the Custom Pages color.
For custom menu items, verify the correct feature type is assigned in Menu settings.
For nested menu items, ensure both parent and child items have the same feature type assigned.
Troubleshooting
If colors still appear inconsistently after following these steps:
For web browsers, try viewing your event in an incognito/private browsing window
For mobile apps, try logging out and logging back in to refresh all settings
Verify custom menu items don't have conflicting color settings at the item level