Appearance Settings for Classic Themes
Let's take a look at the various appearance settings that you can configure for your application while creating and editing classic themes.
The images you use for your application must not have any spaces in their file names.
General Settings
|
Setting |
Description |
Values |
|---|---|---|
|
Logo |
The type of location where your logo for the global header is stored. You can browse and select your logo from that location. |
|
|
Configure bookmark icon for desktop |
Selecting this checkbox displays the Desktop Icon list for you to choose a bookmark icon for your desktop. |
|
|
Desktop Icon |
The bookmark icon that appears on your desktop. This list is available only if you selected the Configure bookmark icon for desktop checkbox. |
|
|
Configure shortcut icon for mobile |
Selecting this checkbox displays the Mobile Icon list for you to choose a shortcut icon for your mobile device. |
|
|
Mobile Icon |
The shortcut icon that appears on your mobile device. This list is available only if you selected the Configure shortcut icon for mobile checkbox. |
|
|
Background Image |
The type of location where your background image of all application pages is stored. You can browse and select the image from that location. |
|
|
Repeat Image |
Selecting this checkbox repeats the specified background image to display it both vertically and horizontally in the background of all application pages. |
|
|
Background Image Position |
The position of the background image for all application pages. |
|
|
Global Region Background Color |
The background color of the global header, which is the uppermost region in the UI. |
Color palette |
|
Global Text and Icon Color |
The color of the text that appear in general and with icons in the global
header. This excludes the company logo.
Note: Make sure you select dark
colors for global text and icons because selecting lighter colors might
impact the visibility of these UI elements. |
Color palette |
|
Enable color gradient |
Selecting this checkbox enables color gradient for global text and icons. This excludes the company logo. |
|
|
Gradient Type |
The gradient type for global text and icon colors. This excludes the company logo. This field is available only if you enabled color gradient. |
|
|
Start Color and End Color |
The start and end colors of the gradient for global text and icon colors. This field is available only if you enabled color gradient. |
Color palette |
| Background | The background color of the home page. | Color palette |
|
Cover Image |
The type of location where your cover image, which displays in the background of the home page is stored. You can browse and select the image from that location. |
|
Navigation Icons
|
Setting |
Description |
Values |
|---|---|---|
|
Icon Type |
The type of navigation icons on the home page. |
|
|
Image Color |
The image color of the navigation icon on the home page. |
|
|
Group Indicator Icon |
The color of the three dots that appear on certain icons on the home page to indicate that these icons are group icons. |
Color palette |
|
Label Color |
The color of the label text of the navigation icons. |
Color palette |
|
Background Shape |
The shape that displays behind the navigation icons. |
|
|
Background Card Color |
The background color of the navigation icons on the home page. This field is available only if you selected the background shape for navigation icons as Transparent square. |
|
|
Background Card Opacity |
The background opacity of the navigation icons on the home page. This field is available only if you selected the background shape for navigation icons as Transparent square. |
Any value between 1 and 99 |
|
Background Color |
The color of the shape that displays behind the navigation icons. This field isn't displayed if you've selected Transparent square as the background shape for the navigation icons. |
|
Page Settings
|
Setting |
Description |
Values |
|---|---|---|
|
Heading color |
The text color of the headers and subheaders of application pages. Note:
Avoid selecting lighter colors in the Heading Color field for configuring the text colors of page headers and subheaders. That’s because, in some cases, the lighter text color won’t be visible on the page background. |
Color palette |
|
Link Color |
The color of the links that appear on the application pages. |
Color palette |
|
Selection Color |
The color of the highlighted or selected UI element on all work areas related to employees, for example Personal Information, Benefits, and Absences. These UI elements are boxes, and each box represents an option, for example a specific part of your personal profile to update. This color applies to the border of the box and the selected checkbox (if any) inside the box. |
Color palette |
|
Highlight Color |
The color used to highlight application items that need attention. For example, the part of the Notifications icon on the global header that displays the number of new notifications in your list. |
Color palette |
|
Card Style |
The style of cards displayed on the application pages having a grid view. |
|
|
Landing Page Icons for Employees |
The icon color of the landing pages for all work areas related to employees, for example Personal Information, Benefits, and Absences. |
Color palette |
Button Settings
|
Setting |
Description |
Values |
|---|---|---|
|
Label |
The color of the label text of the buttons on all application pages. |
Color palette |
|
Border |
The color of the button borders on all application pages. |
Color palette |
|
Background |
The background color for buttons on all application pages. This field isn't available if you enable color gradient for buttons. |
Color palette |
|
Corner Rounding |
The extent to which the corners of the buttons on all application pages are rounded. |
|