[Mobile - Canvas Student] Include mobile login in Theming options

Right now, if a user logs in to our Canvas instance on a mobile device, they have no way of knowing which Canvas instance they are logging in to. This is true of both mobile browser (left) and mobile app (right) logins.

 

186529_IMG_5068.PNGIMG_5068.PNG186530_IMG_5069.PNGIMG_5069.PNG

 

While it is certainly possible to generate CSS that will style this login (this, for example) to match institutional branding, the trend towards more admin-friendly theming would be welcome here.

As there are numerous instances of Canvas in the wild -- I gather Instructure has been fairly successful in garnering institutional adoption -- and our students often have logins in several instances, some confirmation as to which instance they are logging into in the moment is really helpful. In fact, it supports our support team in sorting out user errors if we're able to ask "well, was the login where your username wasn't working blue with a lion on it?"

 

It would be really keen if the general login options could just be scaled to match the mobile login screen, perhaps thusly:

186531_Screen Shot 2016-06-10 at 10.37.57 AM.pngScreen Shot 2016-06-10 at 10.37.57 AM.png

Note that all the magic I did to create this login page is toggle device mode in the Chrome Developer panel and roughly scale and center the desktop login. Seems like all the info necessary to create a branded mobile login is already in the Theme system. Please use it!

25 Comments
rseilham
Community Champion

 @sonia_molina ‌, 

I'm so glad you found a solution. I do agree that it would be nice if mobile headers and BG color could just be included in the theme editor, but it's good to know it's possible! 

KristinL
Community Team
Community Team
Status changed to: New
 
KristinL
Community Team
Community Team
Status changed to: Added to Theme
 
nathanatkinson
Community Team
Community Team
Status changed to: New
 
nathanatkinson
Community Team
Community Team
Status changed to: Open