This article is about configuring a Department Template Tab. For more information about Department Templates please click here.
The Theme Tab is where a System Admin can configure the look, feel and color scheme of the Portal.
Some of these settings may be applied to different locations within the Absorb Learn Mobile App. Please see the Absorb Learn Mobile article for specific branding details.
Colors
Each color selector tile will display the Light and Dark shade of the color entered into the Hex, RGB, or HSL field(s).
Both shades of color will be used when appropriate. You can also click the eye-dropper button to select a color yourself.
The following contains information about each section that can have the color modified:
| Section | Color Selector | Description |
|---|---|---|
|
Branding |
Base | The colors selected here will be used for Headers, Footers, and interactive elements. |
| Highlight |
The colors selected here will be used to call out attention to important notifications and buttons. For instance, the Unread Message Count, the Back arrow, Print Transcripts button, etc. |
|
|
Status |
Primary |
The colors selected here will be used for indicating primary interactive functionality throughout the interface. For instance, the Progress Bar on Courses, Enroll or Purchase buttons, Next Activity button within a Course, Edit Profile button, etc. |
| Default | The colors selected here will be used for neutral states, options, and tool buttons. Any buttons the Learner has not performed any actions towards will remain in a neutral state. | |
| Feedback | The colors selected here will be used for course rating stars and pinning favorites. | |
| Success | The colors selected here will be used for indicating completed, positive, or successful actions and statuses to Users. This color indicates the User's progression. This will also be the color of the Copied to Clipboard message. | |
| Failure | The colors selected here will be used for indicating failed or negative statuses and actions, as well as error messages. This color represents content and functionality which requires the User's attention urgently. | |
| Warning | The colors selected here will be used for indicating mandatory or expiring content and important messages. This color represents content or functionality that the User should be made aware of. | |
| Danger | The colors selected here will be used for functionality that cancels, closes, or deletes the User's progress or information. | |
|
Dashboard |
Dashboard Background | The colors selected here will be used for the background color around the Public and Private Dashboard Tile Containers. |
| Dashboard Container Title | The colors selected here will be used for the Text Color of the headings or titles of the Tile Containers. | |
| Dashboard Tile Icon | The colors selected here will be used for the default Tile Icon color. This color can be changed or the Icon can be uploaded in the customization options on the Tile. | |
| Dashboard Tile Text | The colors selected here will be used for the text within the Tiles. | |
| Tile Background | The colors selected here will be used for the Background color of the Tile. This color can be changed in the customization options on the Tile. | |
|
Type |
Banner & Button Text |
The colors selected here will be used for the text that appears within any of the status section colors. For instance, the Sign Up button on the Login page, the Shopping Cart text, text used in the Welcome Container of the Learner Dashboard, text that is written on the action button on a course (Enroll, Start, View, etc...), the Title of the page within the Learner Interface, etc. |
| Title & Body Text | The colors selected here will be used for the text commonly used in most areas such as course titles and descriptions. | |
| Hyperlinks | The colors selected here will be used for the text used for clickable text links. | |
|
Icons |
Header Icons | The colors selected here will be used for the main navigation, items in the top Header, and icons that appear on top of the base color. |
| View Selection Icons | The colors selected here will be used for text labels on search panels and view selector icons. | |
| Menu Icons | The colors selected here will be used for the main navigation menu, Filter options, Profile, and my Activity Feed. | |
| Button Icons | The colors selected here will be used for icons that are displayed on top of buttons. | |
|
Accessibility |
Keyboard Focus Visible | The colors selected here will be used to highlight on buttons and tabbed content. |
Fonts
In this section you can enter a preferred font as the Header Font Name and Body Font Name.
Header Font Name controls all page and content headings, such as course description headings and transcript headings.
Body Font Name applies to all body text such as course descriptions, dashboard tile descriptions, news articles and transcript table values. Only Google fonts are supported in these fields.
Don't forget to select Save to apply your changes.
Observation Checklist Branding
The images, colors and fonts in the Reviewer Experience are driven by the same configuration options which are used for branding the Learner Experience. This is to ensure a smooth and consistent experience for Users as they navigate through various aspects of the LMS.
Any branding applied to the Learner Experience interface will also be applied to the Reviewer Experience interface.
Comments
Article is closed for comments.