Configuring Theme for Your Application
Note:
We’ve introduced new themes, and the older themes will be deprecated gradually. To ensure a smooth transition and take advantage of the latest designs and features, please refer to our Theme Migration to learn how to migrate your application themes to the new format. Before diving in, it’s important to understand application themes.Creator provides multiple theme layouts that can be applied to your application across web, phone, and tablet modes. You can customize colors, fonts, and logos to create a design that aligns with your brand identity. A live preview is available as you select different options, allowing you to visualise how your application will look before applying changes.
Available customization options
- Layout: Choose from predefined theme layouts designed for each device type.
- Logo Preference: Display the organization logo or app icon.
- Color Options: Pick from preset colors or create custom colour for various interface components.
- Font: Choose from 12 available fonts to apply across your application.
Setting up a theme (Web, Phone, or Tablet)
- Navigate to the edit mode of your application and select the appropriate device icon from Web, Phone, or Tablet (
) in the top-left corner.
- Click the Themes icon in the top-right corner to open the Themes tab.
- Configure the following options as needed:
- Layout
1. Choose a preferred layout under themes. - Logo Preference (web only)
1. Click Logo Preference in the Themes tab.
2. Select one of the following:
-> Organization Logo (available only if the logo is uploaded in the Organization module)
-> App Icon
3. Changes are saved automatically and are visible in live mode. - Color Options
1. Under colors, choose from preset colors, your saved custom colors, or create new ones.
2. Customize:
-> Theme/Brand Colour (applied to buttons, links, and dropdowns)
-> Supporting colors for headers, menus, and submenus.
3. To edit a custom color, hover over it and click Edit.
4. To delete a color:
Hover over the color and click the cross icon.
If the color is in use, a pop-up will list all the places where it is referenced. Remove those references in the respective components before deleting the color. - Font
Under Fonts, select an option from the drop-down list that resonates with the overall theme of your application.
All configured theme settings, including fonts, colors, and logos, are automatically applied throughout the application.
Points to note
- Logo placement options are available only for Mobile and Tab in certain layouts.
- Custom colors can be reused across applications, layouts, and devices.
- Dark shade support is available only for phone and tablet themes.
- A live preview is provided for all selected options before applying the theme.
- Up to 30 custom colors can be added per Creator account.
Related Topics
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Configuring and managing app menu
1. What does this page cover? Learn how you can configure the app menu to display your application's components in an organized fashion. Make sure you have a comprehensive understanding of the app menu before you move ahead. 2. Availability Available ...Understanding application creation with AI using Zia App Builder
In a nutshell Zia App Builder helps you create complete Zoho Creator applications using prompts. You can describe your requirement in text prompt or upload relevant documents, and Zia will automatically generates working components such as forms, ...Understanding app menu
1. In a nutshell The app menu in Zoho Creator allows visual and logical grouping of your application components(such as forms, reports, and pages), making navigation intuitive for users. The app menu can be customized through the app menu builder in ...Configuring and managing gauges
What does this page cover Learn to add and manage gauges to visually represent data values using dial or meter indicators, enabling easy to tracking of targets and performance in pages. Availability Gauges can be created in all plans of Creator. Only ...Configuring action for panels and panel elements
What does this page cover Learn to configure an action that will get executed when a panel or panel element is clicked on in the live mode of the application. The types of actions include opening an URL, form, report, page, and executing a function. ...
New to Zoho LandingPage?
Zoho LandingPage Resources