Customise Login Screen

Please can we have the ability to change the login screen properly, like we used to? HQ second guessing what parameters we might want to change just isn’t cutting it ( Umbraco-CMS/src/Umbraco.Web.UI.Login/src/components/layouts/auth-layout.element.ts at v13/dev · umbraco/Umbraco-CMS · GitHub ).

If you use a dark background and change what’s called the “primary color” (??) to white, so you can see the “Welcome” title, you lose the text on the button because it’s background goes to white too. Also we can’t control the sizes of the background and logo images. We can only turn them both on or off, not individually. Also can’t control the colour of the Forgotten Password link, so it too gets lost. It’s a bit of a mess TBH.

Bit of a rant sorry, but it’s over 2 years now since I brought it up with HQ. This is a customer facing page and therefore needs to be considered part of the web site, not the CMS. Once you’re logged in, fair enough, but the login page should be customisable to the client’s branding properly in my view. I can’t do that any more :frowning:

Everything you want to change is in a “constructed stylesheet”. Is there a way of overriding the styling for this page or are we stuck with it?

Thanks

Hey Craig,

All the CSS variables are listed here - Login | Umbraco CMS

Hi Matt,

The V13 version of that page has a link to the full list in GitHub, which is the link in my original post. There aren’t nearly enough of them to allow proper control of colours, hover states and image sizes. Also the fact you can’t control the logo separately from the main background image is just one of the things that I think just hasn’t been thought through. If we could just right click, see the classes and be able to override them easily, that would be great. It used to take me 20 mins to brand a login page. I’ve been at it 2 hours now, banging my head against the wall and having to leave it nothing like I wanted to. Basically just changing the picture. What we have now is a backward step unfortunately.

I know it’s not a priority given everything else that’s changed, but it’s a high visibility issue for clients. I’ve always branded the login page to give clients the impression it’s “theirs”. Once they’re in, they see the Umbraco branding which is fine, but until then, I want some sensible control :wink:

13 is LTS it wont get any new features, in 16 the logo and the image are split and maanged with an app setting.

They are managed by an appsetting in V13 as well, but if you try to put a blank image in because you only want to show the logo, then you get the Umbraco logo back. There’s some serious lacking of very obvious basic requirements here, such as not being able to change the button background and text colours, just to mention one.

I won’t be looking at anything above V13 till V17 comes out due to the .Net requirements anyway. I can’t easily get hold of non-LTS .net sdk’s for Linux thanks to Microsoft’s policy change. Not such a bad thing to stay on Umbraco LTS’s though. Gives you a chance to benefit from what you learned, rather than be in a constant state of re-learning, slowing you down :wink:

Just a reminder that this is a forum where community members help each other out. This sounds like a feature request, it will only be seen by the CMS team if you put it on GitHub instead.

Hi @sebastiaan It was a request for info/tricks to get something done originally, but has morphed into a feature request I guess. I’ll pop it on GitHub :slight_smile:

Thanks.