Blog Post

Discover
1 MIN READ

Storyline: Light Mode/Dark Mode Course Template

AmandaNielsen-4's avatar
AmandaNielsen-4
Community Member
4 years ago

Let your learners choose how they want to experience your course by allowing them to select a light mode or dark mode color theme. Thanks to the enhanced quiz tracking feature and Content Library 360 templates, it’s fast and easy to build a course like this in Storyline 360. 

Explore this project 

To learn how I made this template, check out this article. Want to make it your own? Download the course file, insert your own content, and update the colors as needed. I can’t wait to see how you use it!

Published 4 years ago
Version 1.0
  • I love this, it's gorgeous and clean. I really appreciate learning how you did it as well as getting a file to format for my work. Thank you again!
    • AmandaNielsen-4's avatar
      AmandaNielsen-4
      Community Member
      Hi Emily,

      I'm so glad you like it! Thank you for your kind comment! :)
    • AmandaNielsen-4's avatar
      AmandaNielsen-4
      Community Member
      Hi Therese,

      I'm glad to hear you find it helpful! Thanks for taking the time to let me know your thoughts!
  • I've done something similar with a compliance learning package, although rather than a dark mode/light mode option I used a colour/high contrast option. The downside of this is that if you need to make any changes, they have to be made on both branches, which always creates the potential for more errors.

    With one of our other e-learning authoring suppliers, courses can include an option for the learner to select from a number of different colour schemes/contrast options, and this takes place without the need to duplicate content.

    I'm sure the folk at Articulate are skilled enough to build this into Storyline, so we could invite learners to select from two or more sets of theme colours without the need to duplicate everything.
    • AmandaNielsen-4's avatar
      AmandaNielsen-4
      Community Member
      Hi Chris,

      I love the idea of a high contrast option! And you're right that when using the technique I showed here, you do have to be mindful of any changes and updates to the course content being reflected on both versions.

      If you'd like to share more details on your idea for adding a course color/contrast toggle option to Storyline 360, please feel free to do so by submitting a feature request! https://articulate.com/support/contact/feature-request
  • AATIFRASHID's avatar
    AATIFRASHID
    Community Member
    Thank you for your template! This is a great way to help learners! :)