--- title: "Themes" slug: "themes-predefined" updated: 2023-05-25T14:02:50Z published: 2023-05-25T14:02:50Z canonical: "support.smarteru.com/themes-predefined" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.smarteru.com/llms.txt > Use this file to discover all available pages before exploring further. # Themes SmarterU comes with several pre-defined account themes that you can use to change the colors of the pages in your admin and learner interface, as well as the login page. ## Selecting a Theme You can select the default theme for the login page, admin interface, and learner interface. - Login Page - Select the default theme from the [Theme setting](/v1/docs/account-portals#theme) in the [Account Profile workscreen's Portal accordion](/v1/docs/account-portals). - Admin Interface - Select the default theme from the [Theme setting](/v1/docs/account-general-information#theme) in the [Account Profile workscreen's General Information accordion](/v1/docs/account-general-information). - Learner Interface - Select the default theme from the [Default Theme setting](/v1/docs/dashboard-set-main#default-theme) in the [Add/Edit Dashboard Set workscreen's Main accordion](/v1/docs/dashboard-set-main). To allow learners to change the theme for their learner interface, set the [Theme Visible setting](/v1/docs/dashboard-set-main#theme-visible) to Yes. ## Pre-Defined Themes ### Default #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Default%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Default%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Default%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Default%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Default%20-%20Login%2020210908.png) ### Azure #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Azure%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Azure%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Azure%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Azure%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Azure%20-%20Login%2020210908.png) ### Black #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Black%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Black%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Black%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Black%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Black%20-%20Login%2020210908.png) ### Cobalt #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Cobalt%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Cobalt%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Cobalt%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Cobalt%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Cobalt%20-%20Login%2020210908.png) ### Drift #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Drift%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Drift%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Drift%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Drift%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Drift%20-%20Login%2020210908.png) ### Holly #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Holly%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Holly%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Holly%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Holly%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Holly%20-%20Login%2020210908.png) ### Iris #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Iris%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Iris%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Iris%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Iris%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Iris%20-%20Login%2020210908.png) ### Lakeside #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Lakeside%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Lakeside%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Lakeside%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Lakeside%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Lakeside%20-%20Login%2020210908.png) ### Midsummer #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Midsummer%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Midsummer%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Midsummer%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Midsummer%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Midsummer%20-%20Login%2020210908.png) ### Nebula #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Nebula%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Nebula%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Nebula%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Nebula%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Nebula%20-%20Login%2020210908.png) ### Ochre #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Ochre%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Ochre%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Ochre%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Ochre%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Ochre%20-%20Login%2020210908.png) ### Rainforest #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Rainforest%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Rainforest%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Rainforest%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Rainforest%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Rainforest%20-%20Login%2020210908.png) ### Royal #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Royal%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Royal%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Royal%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Royal%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Royal%20-%20Login%2020210908.png) ### Sky #### Primary Accent Color ![Sky - Accent 1 20230523](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Sky%20-%20Accent%201%2020230523.png) #### Secondary Accent Color ![Sky - Accent 2 20230523](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Sky%20-%20Accent%202%2020230523.png) #### Admin Interface Example ![Sky - Admin 20230523](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Sky%20-%20Admin%2020230523.png) #### Learner Interface Example ![Sky - Learner 20230523(1)](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Sky%20-%20Learner%2020230523(1).png) #### Login Example ![Sky - Login 20230523](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Sky%20-%20Login%2020230523.png) ### Slate #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Slate%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Slate%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Slate%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Slate%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Slate%20-%20Login%2020210908.png) ### Spring #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Spring%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Spring%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Spring%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Spring%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Spring%20-%20Login%2020210908.png) ### Strawberry Dark #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Dark%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Dark%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Dark%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Dark%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Dark%20-%20Login%2020210908.png) ### Strawberry Light #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Light%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Light%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Light%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Light%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Strawberry%20Light%20-%20Login%2020210908.png) ### Tangerine Dark #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Dark%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Dark%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Dark%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Dark%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Dark%20-%20Login%2020210908.png) ### Tangerine Light #### Primary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Light%20-%20Accent%201%2020210908.png) #### Secondary Accent Color ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Light%20-%20Accent%202%2020210908.png) #### Admin Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Light%20-%20Admin%2020210908.png) #### Learner Interface Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Light%20-%20Learner%2020210908.png) #### Login Example ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tangerine%20Light%20-%20Login%2020210908.png) ## Related - [Account: General Information](/account-general-information.md) - [Account: Portals](/account-portals.md) - [Branding Your Account](/branding-your-account.md) - [Editing Your Account Settings](/editing-your-account-settings.md) - [Using SmarterU LMS Themes to Create the Right First Impression](/using-smarteru-lms-themes-to-create-the-right-first-impression.md)