Dark mode inverting white text to appear black

Hi Jared,

Thanks for reaching out and sharing what your user is experiencing with your course.

I've published the .zip file in SCORM Cloud so that you can have them re-check and let us know if you're seeing an issue in that environment as well or if the issue is specific to your LMS.

If so, then with your permission, please share your project file (and which slides to focus on) to investigate what's happening. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

Hi

Thanks for your reply, the content views fine in scorm cloud. It is a particular device that when in dark mode inverts the black text to white but not the white background to black.

The device is a Samsung galaxy a70 model SM-A705FN
Android 10
Chrome version 85.0.4183.101

I have tried it on other Samsung phones in night mode and the issue does not occur.

Very unique issue

Best Regards

Jared Nelson
E-learning & Content Creation
Ext 148

Here is the project file.

Best Regards

Jared Nelson
E-learning & Content Creation
Ext 148

That is very specific, Jared. I'll have to check around to see if anyone has that specific device to test on.

It looks like you replied via e-mail, which means your attachment did not populate. You can click 'View' vs. 'Reply' and see our conversation here in the forums and attach your file directly here.

here is the project file

Hi Jared!

Thanks for attaching the project! I've tested the course on my end using Dark Mode, but I don't see any issues with the appearance of the text.

Here's what it looks like on my end.

Are you on an updated software for your Android? If not, is it possible to update to see if the issue persists? 

Hi Lauren,

I have also done testing on other phones and failed to recreate the issue. it seems to be specific to this one phone or model of phone. 

Hi Jared,

Thank you for narrowing down the issue.

Since this is device-specific, I'd follow the recommendation from Google:

Android 10 or later: If you open an app that doesn't support a dark theme, turn on color inversion in addition to dark theme.

More details here.

Thanks for looking into this Leslie. I will direct users toward this solution.  

Hi, I have the same issue.
When this course http://training-pl.solaredge.com/the_big_5/#/ is launched from a mobile device that is set to the night mode, dark theme (doesn't matter what is the device, we checked on a few different phones) all white parts and text turn into black and it looks horrible, see attached image. Can I somehow prevent RISE course of changing the colors?

Unfortunately I found only 2 workarounds. get the users to put their phones in colour inversion instead of dark mode. or if you have black text on a white background make any textboxes have a grey background or some other solid colour. it seems like dark mode does not invert the white background of the master slide. 

I hope this makes sense 

Hi Jared, your advices do make sense, however I think that this is a bad user experience (to ask people, customers(!) to change their phone settings) and in general the RISE tool behavior looks wrong to me. It's a bug. I hope that RISE team will pay attention to it, since it's not a unique issue and it should be fixed on the tool level. 

Im Not sure if Articulate is the one to blame. For example My issue only occurred in an iframe when users were viewing the course in LMS. The problem is mainly with android I feel. 

Hi Leslie, In the particular case I had it was more like turn on colour inversion instead of dark theme

Hi Jared, yes, it's something to do with android, but from my experience it happens only with RISE. When you open any other website or app, it sticks to its original design, no matter what's your android phone theme.  

Very frustrating!! have you started your own thread with the unique details of your issues. I am not sure if your comments on this thread will be responded too? 

Hi Anna and Jared!

It sounds like this issue is specific to Android! Let's get our Support Engineers involved so we can investigate the specifics. Please use this link to connect with our Support Team!

Hi Lauren, 

Thanks. I talked to support and we discovered that the issue happens when phone default browser doesn't match the supported by articulate browser or version of the browser. 

In case with my customers, their default browser is Samsung Internet, which isn't supported one.

Good morning, Anna!

I appreciate you coming back with an update. 😊

For those following along, here are the supported browsers for viewing Rise 360 content:

• Browsers for Viewing Rise 360 Courses
  *This includes mobile devices.

Hello, I just came upon this issue today - the default mobile Samsung Internet with 'dark theme sites' affecting my Storyline 3 course as others have described.  As this last message was a year ago, has there been any progress in resolving/ supporting the Samsung browser?

Hi, Caroline.

Thank you for reaching out!

Samsung Internet Browser is not on the list of currently supported browsers for viewing content created with Articulate 360. You can check the list here for additional information.

You're also welcome to submit a feature request through this link. 

I am now getting a couple of user experience this issue. Specifically on a SCORM test where the questions are picked from question banks.

The course has been running ok for a number of years but only now this is an issue.

Very strange.

I have noted the comment about dark mode and colour inversion and will check this out next time it happens.