---
title: Theme
description: You can now edit your course and lesson branding all in one place!  Check out ‘Theme’ under the creator tool
---

[Skip to content](https://support.edapp.com/theme#main-content)

English

Show submenu for translations

![EdApp - logo dark mode-1.png\]](https://support.edapp.com/hs-fs/hubfs/EdApp%20-%20logo%20dark%20mode-1.png?height=40&name=EdApp%20-%20logo%20dark%20mode-1.png)

- [Default HubSpot Blog](https://edapp-5741180.hs-sites.com/blog)

Open main navigation

Close main navigation

- [Default HubSpot Blog](https://edapp-5741180.hs-sites.com/blog)
- English
  
  Show submenu for translations
- [edapp.com](https://www.edapp.com/)

[edapp.com](https://www.edapp.com/)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://support.edapp.com/?hsLang=en)
2. [Creator Tool](https://support.edapp.com/creator-tool?hsLang=en)
3. [Branding](https://support.edapp.com/creator-tool?hsLang=en#branding)

# Theme

## You can now edit your course and lesson branding all in one place! Check out ‘Theme’ under the creator tool

![](https://support.edapp.com/hs-fs/hubfs/image-png-Apr-10-2024-04-33-55-6815-AM.png?width=688&height=305&name=image-png-Apr-10-2024-04-33-55-6815-AM.png)

### **Content**

- [Course Level Branding](https://support.edapp.com/theme#courselevelbranding)  
  <https://support.edapp.com/theme#lessonlevelbranding>
- [Lesson Level Branding](https://support.edapp.com/theme#lessonlevelbranding)

### **Course Level Branding**

Branding can make the user experience feel very customized to your organization. The branding configured here will show on all lessons within the course. 

**![theme - logo](https://support.edapp.com/hs-fs/hubfs/theme%20-%20logo.png?width=688&height=317&name=theme%20-%20logo.png)  
Background**This will be the background image of each lesson.

Choose a set **Color Scheme** if you don't require a specific image!

![theme 7](https://support.edapp.com/hs-fs/hubfs/theme%207.png?width=247&height=307&name=theme%207.png)

### The color scheme includes:

- Primary color
- Primary font
- Secondary color
- Secondary font

Adding your brand colors will reflect throughout your content. See examples of where these colors are below.

### Primary color

- Progress indication
- Primary interactions
- Buttons
- Lesson navigation

### Primary font

- Primary interactions font
- Button font

![Primary-1](https://support.edapp.com/hs-fs/hubfs/Primary-1.jpg?width=688&height=314&name=Primary-1.jpg)

### Secondary color

- Background color (if no image applied)
- Secondary interactions

### Secondary font

- Header
- Paragraph/body
- Secondary interactions

![Secondary](https://support.edapp.com/hs-fs/hubfs/Secondary.jpg?width=688&height=397&name=Secondary.jpg)

Keep the course and lesson image simple or put a white/black overlay on the image in order to make the text easier to read.

**Logo**

Input the organization's logo which will appear in the top left of the screen throughout the lessons.

You can also apply a logo on the account level within [App Settings](https://support.edapp.com/app-settings?hsLang=en). This will apply the logo to all courses that don't already have a course logo applied.

Square logos with transparent backgrounds look best!

**![theme 2.1](https://support.edapp.com/hs-fs/hubfs/theme%202.1.png?width=217&height=315&name=theme%202.1.png)

Custom CSS  
![](https://support.edapp.com/hs-fs/hubfs/image-png-Apr-10-2024-04-35-46-8183-AM.png?width=464&height=659&name=image-png-Apr-10-2024-04-35-46-8183-AM.png)**  
This is an advanced way to design your lesson if you'd like more customization than the out-of-the-box designs.[Please see this article for more details.](https://support.edapp.com/custom-css?hsLang=en)

If the account has **Global CSS** applied in the 'App Settings' then these will be set as the default on all courses.

**Design on Canva**

**"Upload an image"** or choose to design your branding via our Canva integration. Any assets with the crown icon will denote that it is part of a Canva-paid plan. You can sign up for a free Canva account to use the images without the crown icon for free. 

![theme 3](https://support.edapp.com/hs-fs/hubfs/theme%203.png?width=351&height=505&name=theme%203.png)

Other free image sites: Unsplash and Pexels.

---

### **Lesson Level Branding**

Branding on a lesson level is similar to the course level.

To access lesson branding, select a lesson and then select the **Lesson** option for the logo and background.

![lesson theme  1](https://support.edapp.com/hs-fs/hubfs/lesson%20theme%20%201.png?width=688&height=313&name=lesson%20theme%20%201.png)

**Images can then be added in the following ways:

Lesson Background** – this will be the background of all templates

- The background will move across different sections of the image as you progress throughout the lesson
- Choose a set color scheme if you don't require a specific image!

 ![lesson them 2](https://support.edapp.com/hs-fs/hubfs/lesson%20them%202.png?width=286&height=426&name=lesson%20them%202.png)![theme 4](https://support.edapp.com/hs-fs/hubfs/theme%204.png?width=331&height=237&name=theme%204.png)

Keep the background image simple or put a white/black overlay on the image in order to make the text easier to read.

**Lesson Logo –** input the organization's logo which will appear in the top left of the screen throughout the lessons.

Square logos with transparent backgrounds look best!

![logo1](https://support.edapp.com/hs-fs/hubfs/logo1.png?width=304&height=434&name=logo1.png)

#### **Custom CSS**

This is an advanced way to design your lesson if you'd like more customization than the out-of-the-box designs.[Please see this article for more details.](https://support.edapp.com/custom-css?hsLang=en)

#### ![](https://support.edapp.com/hs-fs/hubfs/image-png-Apr-10-2024-04-37-28-6852-AM.png?width=470&height=606&name=image-png-Apr-10-2024-04-37-28-6852-AM.png)

#### **Design on Canva**

**"Upload an image"** or choose to design your branding via our Canva integration. Any assets with the crown icon will denote that it is part of a Canva paid plan. You can sign up for a free Canva account to use the images without the crown icon for free. 

![logo2](https://support.edapp.com/hs-fs/hubfs/logo2.png?width=351&height=508&name=logo2.png)

Other free image sites: Unsplash and Pexels.

**Preview**

You can now preview the changes made even while designing. Just click ‘Preview’ and select one of the available preview modes (Mobile, Tablet, and Desktop)

### ![](https://support.edapp.com/hubfs/image-png-Dec-15-2022-12-24-59-0250-AM.png) **You can also set the theme and CSS globally for all courses here:  [Global Default Theme](https://support.edapp.com/global-css-and-logo?hsLang=en)**

- [Getting started](https://support.edapp.com/getting-started?hsLang=en#main-content)

    - [Get Started in 5 Minutes](https://support.edapp.com/getting-started?hsLang=en#get-started-in-5-minutes)
    - [Lessons & Courses](https://support.edapp.com/getting-started?hsLang=en#lessons-courses)
    - [Basic User Management](https://support.edapp.com/getting-started?hsLang=en#basic-user-management)
    - [Course Library](https://support.edapp.com/getting-started?hsLang=en#course-library)
    - [Definitions](https://support.edapp.com/getting-started?hsLang=en#definitions)
- [Admin portal](https://support.edapp.com/admin-portal?hsLang=en#main-content)

    - [Advanced User Management](https://support.edapp.com/admin-portal?hsLang=en#advanced-user-management)
    - [Lesson Management](https://support.edapp.com/admin-portal?hsLang=en#lesson-management)
    - [Course Management](https://support.edapp.com/admin-portal?hsLang=en#course-management)
    - [App Customisation](https://support.edapp.com/admin-portal?hsLang=en#app-customisation)
    - [Peer Learning](https://support.edapp.com/admin-portal?hsLang=en#peer-learning)
    - [Engagement](https://support.edapp.com/admin-portal?hsLang=en#engagement)
    - [Analytics](https://support.edapp.com/admin-portal?hsLang=en#analytics)
    - [Features](https://support.edapp.com/admin-portal?hsLang=en#features)
    - [EducateAll](https://support.edapp.com/admin-portal?hsLang=en#educateall)
    - [Sharing Content](https://support.edapp.com/admin-portal?hsLang=en#sharing-content)
    - [Integrations](https://support.edapp.com/admin-portal?hsLang=en#integrations)
- [Learner's app](https://support.edapp.com/learners-app?hsLang=en#main-content)

    - [Logging In](https://support.edapp.com/learners-app?hsLang=en#logging-in)
    - [Taking Courses](https://support.edapp.com/learners-app?hsLang=en#taking-courses)
    - [Features For Learners](https://support.edapp.com/learners-app?hsLang=en#features-for-learners)
    - [Extras](https://support.edapp.com/learners-app?hsLang=en#extras)
    - [Star Bar](https://support.edapp.com/learners-app?hsLang=en#star-bar)
- [Creator Tool](https://support.edapp.com/creator-tool?hsLang=en#main-content)

    - [Branding](https://support.edapp.com/creator-tool?hsLang=en#branding)
    - [Templates](https://support.edapp.com/creator-tool?hsLang=en#templates)
    - [Course & Lesson Configurations](https://support.edapp.com/creator-tool?hsLang=en#course-lesson-configurations)
    - [Copying Slides/Lessons/Courses](https://support.edapp.com/creator-tool?hsLang=en#copying-slides-lessons-courses)
    - [Translations](https://support.edapp.com/creator-tool?hsLang=en#translations)
    - [Content](https://support.edapp.com/creator-tool?hsLang=en#content)
- [Tips and tricks](https://support.edapp.com/tips-and-tricks?hsLang=en#main-content)

    - [Learning Programme Management](https://support.edapp.com/tips-and-tricks?hsLang=en#learning-programme-management)
    - [Authoring](https://support.edapp.com/tips-and-tricks?hsLang=en#authoring)
    - [Best Practices](https://support.edapp.com/tips-and-tricks?hsLang=en#best-practices)
    - [Programme Success](https://support.edapp.com/tips-and-tricks?hsLang=en#programme-success)
    - [Engagement](https://support.edapp.com/tips-and-tricks?hsLang=en#engagement)
    - [Launch Kit](https://support.edapp.com/tips-and-tricks?hsLang=en#launch-kit)
- [FAQ](https://support.edapp.com/faq?hsLang=en#main-content)

    - [Lessons & Courseware](https://support.edapp.com/faq?hsLang=en#lessons-courseware)
    - [Authoring](https://support.edapp.com/faq?hsLang=en#authoring)
    - [User Registration & Management](https://support.edapp.com/faq?hsLang=en#user-registration-management)
    - [Display](https://support.edapp.com/faq?hsLang=en#display)
    - [Engagement](https://support.edapp.com/faq?hsLang=en#engagement)
    - [Peer Learning](https://support.edapp.com/faq?hsLang=en#peer-learning)
    - [Knowledge Performance](https://support.edapp.com/faq?hsLang=en#knowledge-performance)
    - [Analytics](https://support.edapp.com/faq?hsLang=en#analytics)
    - [System & Technical Support](https://support.edapp.com/faq?hsLang=en#system-technical-support)
    - [Subscriptions & Pricing](https://support.edapp.com/faq?hsLang=en#subscriptions-pricing)
    - [Educate All](https://support.edapp.com/faq?hsLang=en#educate-all)
    - [Contact & Support](https://support.edapp.com/faq?hsLang=en#contact-support)
- [Webinars](https://support.edapp.com/webinars?hsLang=en)
- [Technical / API documentation](https://support.edapp.com/technical-api-documentation?hsLang=en#main-content)

    - [Single Sign On for the Learner's Portal](https://support.edapp.com/technical-api-documentation?hsLang=en#single-sign-on-for-the-learners-portal)
    - [Single Sign-on for Admin Portal](https://support.edapp.com/technical-api-documentation?hsLang=en#single-sign-on-for-admin-portal)
    - [Integrations](https://support.edapp.com/technical-api-documentation?hsLang=en#integrations)
    - [API](https://support.edapp.com/technical-api-documentation?hsLang=en#api)
- [Legal documentation](https://support.edapp.com/legal-documentation?hsLang=en#main-content)

    - [Third Party Gateway](https://support.edapp.com/legal-documentation?hsLang=en#third-party-gateway)
    - [Privacy & Terms](https://support.edapp.com/legal-documentation?hsLang=en#privacy-terms)
- [Troubleshooting](https://support.edapp.com/troubleshooting?hsLang=en)
- [EdApp to SC Migration](https://support.edapp.com/edapp-to-sc-migration?hsLang=en)

- [Default HubSpot Blog](https://edapp-5741180.hs-sites.com/blog)

[![Chill listening crop-3](https://support.edapp.com/hs-fs/hubfs/EdApp-AIP%20icon-216x216.jpg?width=32&height=32&name=EdApp-AIP%20icon-216x216.jpg "Chill listening crop-3")](http://edapp.com)

EdApp Help Center

<https://www.linkedin.com/company/edapp-micro-learning/> <https://www.instagram.com/thisisedapp/?hl=en> <https://www.facebook.com/thisisedapp> <https://www.youtube.com/channel/UCgDNMep0ASddBGi7HV5-dJg>

Copyright © 2026, EdApp Pty Ltd