cancel
Showing results for 
Search instead for 
Did you mean: 

Dark Theme/Dark Mode for Canvas

Dark Theme/Dark Mode for Canvas

(92)

Hello all! I am a student, and I am here to suggest an idea that I thought would make Canvas more personalized. I think a dark theme would be great for Canvas since some students like to stay up at night (not me), and the bright white light from Canvas can hurt their eyes. The main reason why I want it is because it would look better on my computer. Youtube and Google have these options, why not Canvas? Thank you for reading!

158 Comments
chofer
Community Coach
Community Coach

Hi @MagnusAiden and @urbansk6 ...

There is already an open Feature Idea that sounds similar to what you're both requesting: Dark Theme for Canvas - Canvas Community.  You may want to add your comments to that one and "rate" it.

MagnusAiden
Surveyor

Thank you to @chofer for informing me of the already posted feature suggestion, and thanks to @Naomi for merging the posts.

ja26
Surveyor

Please add an option in settings to allow users to switch from dark mode and light mode. 

natanielf
Surveyor

I am a high school student who has used Canvas LMS for several years now. I am sure dark mode would be a welcomed feature by all. Right now, in order to achieve dark mode with Canvas web, one has to use a third-party extension. This obviously doesn't provide the best user experience and also raises security concerns.

This is what Canvas web looks like with a popular third-party dark mode extension. It works, but an integrated solution would be much more elegant and would provide a much better user experience.

Canvas Web with a dark mode extensionCanvas Web with a dark mode extension

As you can see, the extension works, but it's not very elegant. An inbuilt solution would be much more intuitive, user-friendly, and secure.

 

Regarding the mobile app:

I am currently using the Android Canvas Student app at version 6.10.0 and there is no dark mode feature available. I am somewhat puzzled by this because the Canvas Parent app already has an option to switch to dark mode. I don't understand why this feature was added to the parent app, which has far fewer users than the student app. Many students would really appreciate the option to change themes. Please consider adding a dark mode toggle feature to both the Canvas web app and the Canvas Student app.

jcarpenter1
Navigator

Here's a link for a Google extension to put Canvas in Dark Mode.

 https://chrome.google.com/webstore/detail/dark-mode-for-canvas/jgiilnejobjjdnjkpoahdglfejggnfgh

 

karma666
Surveyor

white theme is to bright for me i would like a dark theme

karma666
Surveyor

pls add themes 

stopdirty
Surveyor

Was going to suggest this, wanted to fins someone else who did so I can upvote it. Thanks

Ethan_Lowell
Surveyor

Allow an option to turn the white and light gray background into various dark greys, in order to make people on Canvas at night not have to look at a bright screen.

 

 

 

CM001
Surveyor

I do most of my labs on Canvas and sometimes I am staring at a white screen for hours. It's hard to count, read, do math when your eyes are super strained. A dark mode feature would be a helpful option for all students and professors.

ItsCallMeZach
Surveyor

I agree

sgray-castro
Surveyor

I voted for this! As an Instructor, I would prefer a dark theme due to my eyes' strain with bright lights (white background). 

I believe this would benefit most, and both instructors and students to have these features.

glg06c
Surveyor

Anyone using Microsoft Edge Browser on Windows 10 can force dark mode for everything (including Canvas) by putting the following as the URL: 

edge://flags/

Once there, scroll down to the option for "Force Dark Mode for Web Contents." 

I changed the option to, "Enabled with selective inversion of non-image elements" and so far haven't encountered any problems. You can always change it back if you encounter any & this way you do not have to download anything (assuming you have Edge Browser already installed on your device. 

I have not tried this on Mac or Linux. Entering the above as the URL on the Android version of the app brings you to a page where you can enable Experimental Features, but the option to force dark mode was not available for me. 

Worked on:

Windows 10: Microsoft Edge Version 88.0.705.50 (Official build) (64-bit) on Windows 10 Home Edition Version 20H2 (OS Build # 19042.782 - Updated 8/29/2020) (Surface Book 3 Model 1899 i7)

Microsoft Edge Version 88.0.705.50 (Official build) (64-bit) on Windows 10 Pro Insider Preview Version 2004 (OS Build #: 21296.1000 - Updated 1/23/2021) (Surface Go 2 Model 1926)

DId not work on:

Android: Edge App Version 45.12.24.5125 (Updated 1/14/2021) on Android 11 (Galaxy Note20 Ultra 5G) 

 
glg06c
Surveyor

FORCE DARK MODE - MICROSOFT EDGE (WIN 10 PRO/HOME)

Anyone using Microsoft Edge Browser on Windows 10 can force dark mode for everything (including Canvas) by putting the following as the URL: 

edge://flags/

Once there, scroll down to the option for "Force Dark Mode for Web Contents." 

I changed the option to, "Enabled with selective inversion of non-image elements" and so far haven't encountered any problems. You can always change it back if you encounter any & this way you do not have to download anything (assuming you have Edge Browser already installed on your device.) 

I have not tried this on Mac or Linux. Entering the above as the URL on the Android version of the app brings you to a page where you can enable Experimental Features, but the option to force dark mode was not available for me. 

Worked on:

Windows 10:

Microsoft Edge Version 88.0.705.50 (Official build) (64-bit) on Windows 10 Home Edition Version 20H2 (OS Build # 19042.782 - Updated 8/29/2020) (Surface Book 3 Model 1899 i7)

Microsoft Edge Version 88.0.705.50 (Official build) (64-bit) on Windows 10 Pro Insider Preview Version 2004 (OS Build #: 21296.1000 - Updated 1/23/2021) (Surface Go 2 Model 1926)

DId not work on:

Android: Edge App Version 45.12.24.5125 (Updated 1/14/2021) on Android 11 (Galaxy Note20 Ultra 5G) 

I could try to do it on Linux Mint Cinnamon on Chromium if anyone wants, but anyone using Linux probably has no trouble doing that themselves. 

 
daryl_adair
Surveyor

The "force dark mode" suggestion is indeed feasible on any web browser in which you have the Dark Reader extension. However, there are serious limitations with that approach. I am a professor who runs online teaching with Canvas. If I design what I am doing on Canvas with Dark Reader intact, it looks completely different on the computer, to the tablet, to the phone. The latter two do not have the capacity to include dark mode for Canvas. So the whole experience is uneven and limited in effect only to the computer version of Canvas. Unless there is a system-wide change by Canvas to dark mode - which includes computer, tablet, and phone - the Dark Reader approach is only a stop gap measure.  

glg06c
Surveyor

@daryl_adair I agree 100%. I meant it more as a slightly more permanent solution than adding browser extensions. I see your point with the uneven results.

I ended up disabling the Force Dark Mode feature on Edge. It worked well with Canvas for the most part but its effect on other websites made me decide against keeping it on. For instance, it felt very strange that all my search results would be pink at first (the color typically indicating that I've already clicked on a result) then blue after I clicked on them. I could learn to cope with that difference but later when I opened a .pdf, I noticed that the empty space outside the edges of the document would flicker as I scrolled; the faster I scrolled the faster it would flicker. Fortunately, I do not have a history of epilepsy but if I were unknowingly prone to seizures, I might have had one. 

The Force Dark Mode feature apparently works by inverting the colors so if you accidentally include images as part of objects whose colors are inverted, it can be very unpleasant. 

I hope Canvas makes this feature available soon. I can't imagine it's a very complex undertaking. 

 
Vadims_vodka
Surveyor

Yes please 

Koda75
Surveyor

This really shouldn’t even be a discussion or request at this point. Almost every app has dark mode support expect for canvas. It’s been requested over and over again and the developers couldn’t care less. Especially with online schooling being a top priority in this pandemic, this should have been fixed already. 

Huntersw
Surveyor

I have a sinus infection which makes looking at light and screens, and light screens, worse than it is for almost everybody else. I need dark theme. Very good idea

jeremynwest
Explorer III

Why is this idea still on "Open for Conversation" status?!