Customizable OIDC login page branding

[hluaces]

👋 hello everyone!

The OIDC login screen currently has hardcoded branding (logo, title "Gatus", subtitle "System Monitoring Dashboard", and button text "Login with OIDC").

When using Gatus as an internal status page, it would be useful to show the organization's brand on the login screen, as some of the users have complained that they don't know where they are login to. I assume this would work the same way the ui.* options already work for the main dashboard.

I saw that #834 attempted something similar and was closed with a suggestion to show both logos side-by-side (custom logo | Gatus logo). I'd be happy to implement that approach, or whatever design makes sense upstream.

This is a small proposal to make it work:

• If ui.logo is set, show it on the login page (alongside the Gatus logo per the fix: Logo on Login screen #834 discussion)
• Use ui.header for the title instead of hardcoded "Gatus"
• Add a config option (e.g. ui.login-subtitle) for the subtitle, defaulting to "System Monitoring Dashboard"
• Make the button text configurable as well

Happy to submit a PR if there's alignment on the approach.

[TwiN]

I'm ok with the first 3 of your proposals.

As for the 4th, I understand where you're coming from, but is there really any value? There's only one button and no other way to authenticate.

In the future, if we add multiple ways to authenticate (including support for multiple oidc configurations), I would wholeheartedly support adding the ability to show custom button text, but not now.

I understand this may not be sufficient to convince you why I think it's not worth the trouble, so let me explain why: once we do add support for multiple OIDC providers/configurations, I'll have to deprecate the field you're suggesting because ui.login-button-text (or whatever we'd name the configuration) would no longer make sense since there may be multiple login buttons, and nobody likes breaking changes.

Hope that makes sense?

[akae]

Looking forward to get this feature

[oscarmlage]

+1, this would be really useful.

We’re also using Gatus as an internal status page, and the current login screen can definitely be confusing from a branding/UX perspective.

Happy to test this on our side if you end up opening a PR.

[TwiN]

Looking at it now

[TwiN]

Great work!

[jmallach]

In the submitter's original proposal, the last item was rejected:

• Make the button text configurable as well

From a UX perspective, in my organization, users are very used to see branding for login buttons: "Log in via ECorp Auth". For many of them, "OIDC", "Keycloak" or whatever the label says is meaningless. They will hit the only button on the login screen, of course, but having "ECorp" in there might make them a bit less weary of falling into some phising trap.

I'd also argue that making the label configurable is pretty standard on webapps implementing native OIDC support.

If you prefer, I can open a new issue if you are open to accept a PR, or discuss it.

[jmallach]

I see this conversation is now closed, so I'll move it to a new one.