Forum Discussion
Change the Colors of the Modern Storyline 360 Player!
Those of you who have an Articulate 360 subscription know that Storyline 360 has two player options: the Classic Player and the Modern Player. The Classic Player can be extensively customized, including choosing your own colors for every aspect of the player. However, the Modern Player has only two overall color options: light, or dark.
In order to customize the colors of the Modern Player, I had to look for help outside of Articulate. I discovered Cluelabs, a company that offers free, nifty widgets for several eLearning software applications.
Using their Storyline 360 Modern Player Custom Colors widget, I created a turquoise player for my Leadership 101 course starter template.
Blog post: https://tracycarroll.net/leadership-101/
How about you? If you create eLearning courses using Storyline 360, have you missed the ability to customize the colors of the Modern Player?
29 Replies
Thanks Cheryl!
Wow that's fantastic, I am going to give it a go. Thanks so much for sharing :)
@ staff => Is there anything about modern player customization on the next SL360 roadmap ?
Hi Benoit,
Thanks for reaching out! It's not a feature we've added to Storyline yet, but we have a report of folks who have requested it, and I can add you to that!
Here's a bit more about how we work to prioritize feature requests.
Hello Everyone,
I'm happy to return with some exciting news! đź—ž
Storyline 360 Update 54 is here, and it introduces several features and bug fixes! Here's the item you'll be interested in:
New: Customizing the Modern Player Colors.
Just launch the Articulate 360 desktop app on your computer and click the Update button for each application—details here.
Please let us know if you have any questions or reach out to our Support Engineers directly!Great news! Thanks for the info.
Oh wow!! Brilliant (applauds loudly :) )
Just tried it. It is a start, hope for more granularity. For example, with Custom theme the default player font color is a washed out gray that looks super bad on our brand color. Is there a way to modify that, or do I still have to rely on 3rd party solutions if I want to use the Modern player - or stick with Classic?
Hi Soren. You are able to change the custom colour to any colour of your choice. :)
Oh sorry Soren, you meant the font.. hmm I didn’t notice that..?
Well I am not sure where to click to change the player font color, but please share if you find a way to do it. It affects the Title and slide out menu text (you can see the title on the left in the screenshot), but the buttons in the top right menu are kept in pure white from what I can tell. I would prefer all text elements to be white.
This page explains the new customization option for the Modern player:
https://articulate.com/support/article/Storyline-360-Modern-Player-Custom-Color
Unfortunately, they don't allow customizing the font color. Here's what they say:
"Note: When you choose a dark custom background color, the player controls use hex color code #BABBBA. When you choose a light custom background color, the player controls use hex color code #585858. Make sure your custom background color has a contrast ratio of 3:1 or higher against the player control color so learners with low vision can read it."
I don't understand why they didn't just use white text for dark background colors and black text for light background colors to ensure the best possible contrast...
