Dark mode/Dark theme feature for Canvas LMS through web browser

Although Canvas provides the dark mode feature on the Canvas mobile app, it is not offered on the Canvas website when using my laptop or computer. I have all of the features on my laptop set to dark mode, but as soon as I go to Canvas through my web browser, the bright white page comes up. No matter how dark I try to make my screen, the brightness of the page is too much. I suffer from migraine headaches and I would appreciate to feature to come into effect as soon as possible.

Find more posts tagged with

All Users

Student

Instructor

Accepted answers

Adam Ware

@SharronLTaylor - Thank you for your post.

Unfortunately, there is nothing native that modifies the Canvas LMS to dark mode via the desktop. I did find this answer on the community if you're a windows user
However, as a student, if you able to download the Canvas Student App, you can switch on dark mode. Hope you feel better!

All comments

Adam Ware

Draco

Truly this needs a fix for accessibility. I have a low vision student who needs dark mode, and the ability to zoom. They're currently using darkreader, but image inversion is a major issue. I've added simple scripts to create a button that switches the image mode, but given new regulations, we need built in tools, stat! Here's an idea: https://community.canvaslms.com/t5/Canvas-Ideas/Accessibility-Image-Mode-Switching-Feature/idi-p/640826

xfileluv

I have f.lux on my computer to help with chronic migraines. (justgetflux.com for details and research.) I added the extension Better Canvas, I just remembered. I am using Edge, if that matters. Take care. My Canvas went magically dark mode today on my laptop; I am here looking into it and came across this post. I did not purposely change it, or I would tell you how it happened.

Unanswered Questions

How do I access quiz results from a Preview in classic quizzes?
I've searched the community and guide and see results for New Quizzes when using preview. I saved the preview version of an exam in Classic because a student was having technical problems, and we couldn't find another way for him to take the test quickly. But I cannot find the results anywhere, even though I submitted the…
CSS Code to Disable Instructor Ability to Change Course Code
Would anyone have CSS code that limits an instructor's ability to change the course code field on the Settings page? If the course code field can be hidden that would also work for our needs. We need to allow instructors the ability to change the course name, but not the course code. Any help is greatly appreciated!
How to prevent duplicate random question pulls?
Canvas allows us to copy the same question into multiple Item Banks. When making a quiz, you can select X number of questions to be randomly pulled from an Item Bank. If I'm making a quiz with multiple Item Banks, and the same question appears in 2 of those Item Banks, does Canvas know to not pull the same question twice?…
How to do zero-point, ungraded, freeform questions that accompany specific-answer questions
I have a test (new quiz) that asks students to do some computational or mathematical process and come up with a few specific answers. This is a fill-in-the-blank question. This can be the result of a mathematical, coding, or analytical process. In my case, it is a SQL query. I follow up each of these with an essay question…
Need a restriction for Teacher Course roles - restrict course imports on same courses / restrict course imports that would overwrite student grades, submissions, and quiz/discussion content
We had a situation where an instructor meant to import their course content into next terms course but accidentally imported the content onto the same course thus wiping out all the student grades, submissions, quiz data, and discussion prompt content. I was able to download the content from the Beta Environment, but there…