Department Templates: Theme Tab

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.

Saved Work Advisory

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.

 

Branding in Templates.gif

 

Was this article helpful?
0 out of 0 found this helpful