Published at: 2026-09-17
Configure theme color and skin color
Theme Color controls buttons, tabs, switches, and other controls. Skin Color controls Web main navigation and the Mobile Client top bar.
Overview
Administrators can use preset colors or enter Custom Color values for system controls and selected navigation regions.
Before you begin
[!IMPORTANT] - Permissions: You need System Administrator permissions. - Brand: Prepare the enterprise color values. - Readability: Confirm adequate contrast among text, icons, and backgrounds.
Configure selected and button colors
- In Setup, open Enterprise Settings > Theme Color.
- Select a preset or Custom Color, then enter a hexadecimal value if needed.
- Preview buttons, tabs, and switches.
- Click Use Now.
[!NOTE] The system prompts for correction when saturation or brightness is too low.
Configure the Web background
- Under Skin Color, select Web Main Navigation.
- Select a preset or Custom Color.
- Configure the navigation background, default text and icons, and selected text and icons.
- Preview the result and click Use Now.
Configure the mobile background
- Under Skin Color, select Mobile Top Bar.
- Configure the background and text colors.
- Preview the result and click Use Now.
Color capability comparison
| Capability | Area | Method |
|---|---|---|
| Theme Color | System controls | Six presets or a Custom Color. |
| Web Skin Color | Navigation background, text, and icons | Preset or Custom Color. |
| Mobile Skin Color | Top bar background and text | Preset or Custom Color with live preview. |
Considerations
- Preset Skin Color options include neutral, light, and dark tones.
- Check text and icon readability carefully when using a Custom Color.
- Theme Color is an Enterprise-Level setting. Ask the brand Owner to Confirm changes before applying them.
Expected result
Users see the new Theme Color and Skin Color on Web and Mobile Client after the settings become Effective.