How to change the Modern Player colours other that "Dark" & "Light" theme in Articulate Storyline 360

Have there been any adjustments to the color options for the modern player? Looking to have the player match the brand of my company training.

Hey Erin! Thanks for letting us know you have a need to customize the modern player colors. We haven't made any changes in this area so far, but if we do, you'll be one of the first to hear about it!

This has actually been solved. To change the Modern Player colors you can use a free widget like this https://cluelabs.com/storyline-360-modern-player-elearning-widget.html to set your custom colors. There's also an article on ELH explaining the process: https://community.articulate.com/discussions/building-better-courses/how-to-change-modern-player-colors-to-custom-color-theme-in-storyline-360

I hope this helps.

Hi Nicholas!

Thanks for the updates! I was very excited to try it and I noticed a few setting which unfortunately makes using the Modern player still impossible for me. 

Could you please help to figure out how to change the color of a slide background area?
For years I still can't understand for what it exists and I'd like user see borders of the slide the same as I created them in the tool. Now after publishing, I have additional white space which doesn't match with my design and each slide looks like it has different borders, which is very frustrating.

Also, is there any way to avoid intersections and make the player look more neatly?

I created a screenshot with an explanation. 

Maybe I miss something?
Is it possible to fix it somehow?

Any advice is highly appreciated.

Oh, sorry... It's here

Thanks for chiming in with your feedback, Larry. I'll be sure to pass it along!

I'm trying to change the font color of the Course Title in the Modern Player, and, unlike the Classic Player, there is no "Show advanced color editing" for the Modern Player. What am I missing?

Hi Empathos,

As described in this article here, the Modern Player was intentionally designed to have neutral tones of the dark and light themes allow your content to be the focus of learners’ attention, while the player performs a supporting role in the background.

We currently have a feature request to allow for more colors to be changed in the Modern Player, but if you need more customization, the Classic Player is currently your best bet. Hope that helps clarify things!

Hi there,

I was excited when I heard that a new accessible player was to be released, anticipating that the issues raised over a year ago regarding the non WCAG 2.0 compliance of the contrast ratios on some of the Modern player interface elements (e.g. visited menu items) would be addressed. Unfortunately this does not seem to be the case unless I'm missing something.

I appreciate that allowing customization of all the interface element colours on the Modern player may be a more complex issue to solve, but I cannot fathom why non compliant colours have been selected as the default colours. It seems like such an easy fix, but for some reason it has not been addressed.

I appreciate that more colour customization is on the feature request list and that I can use the Classic player etc.., but is it possible for someone to explain why this fix for the Modern player (i.e. changing some hard-coded colour values to ensure compliant contrast ratios) has not been done, especially at a time when accessibility is front of mind for many clients? I've demonstrated the new "Accessible Player" to clients, and it gets embarrassing when they ask if it complies with the WCAG 2.0 AA guidelines and I have to say "No".

Many thanks.

Yes, I agree with everyone above me. I love the look of the modern player, but I definitely need a way to change the background screen color. The Light color scheme (which only gives you white as a background color) is too white. This is a problem when I have a screen image that is predominantly white on the edges, so the content floats awkwardly on the display. To add an outline around the edges of the screen size ruins the look of the modern player. And changing the player to Dark is too dark and harsh. I would like to be able to change the background to a light grey color, so my white screen images look like they are framed by a lovely grey frame, or it would be nice to be able to change the background screen color to our corporate brand color. Yes I know I've seen where one can take the Classic player and change everything to make it seem invisible, but that seems like an awful lot of extra work to recreate something that already exists, and that just needs some more customization options.