The Copilot theme settings feature on the Mobi platform provides powerful interface customization options. This feature enables developers to quickly create an application design that matches their brand identity. By selecting preset themes, setting colors, and adjusting sizes, developers can preview the real-time effects of each change on the application's appearance. This document describes the theme settings feature in detail.
Features
The Copilot theme settings feature on the Mobi platform includes the following features:
Preset themes: Choose from several preset themes as a starting point for quick interface customization.
Color settings: Customize the colors of key areas in your Copilot application, including the top bar, content area, and input area.
Size settings: Adjust sizes to optimize the layout and improve readability. Options include border radius, padding, and font size.
Real-time updates: Changes to theme settings are applied instantly to the application interface. You do not need to save them.
Steps
1. Open Copilot theme settings
Log on to the Mobi platform and open the designer.
In the navigation pane on the left, open the Theme Settings panel.
2. Select a preset theme
Browse the available preset themes and select one to use as a starting point for your theme.
3. Set colors
Fine-tune the colors of elements such as the top bar, content area, and input area.
4. Set sizes
You can fine-tune the color configuration of elements in the base theme, such as the top bar, content area, and input area.
Real-time preview
The real-time preview feature on the Mobi platform instantly shows the effects of any setting changes.