Is the login page .d-header color supposed to be the `secondary` color?

UX
1

Hi there, I just upgraded to 3.5.0, and I happened to notice that the login page header color has been changed:

body.login-page .d-header {
   background-color: var(--secondary);
}

That seems rather strange, because often there is text and/or images in the header that depend on the normal var(--header_background) color, whereas var(--secondary) is usually a light color.

1 Like
2

Yes, that is intentional. Our reasoning is that we don’t want the header to stand out all that much on login page, to put the focus solely on logging in. After all, you aren’t really “in” the forum yet, so it makes sense to us to de-emphasise it.

Are you running into any issues?

3 Likes
3

Hi there, thanks for the reply. In my case it is a bit of an issue because my forum normally uses a darker colored header, and the forum name in the site logo is light text on a transparent background. So when the light color I defined for var(--secondary) is used in the header background the logo becomes unreadable. With the mobile layout there’s also an almost invisible light icon displayed by GitHub - discourse/discourse-icon-header-links . I guess I can just use a manual CSS override.

2 Likes