Wrong text color when hovering buttons on the 404 page

UX
1

Moving the mouse over buttons on the 404 page makes the text the same color as their background:

The image shows a screen from a Discourse forum with error message "Oops! That page doesn't exist or is private" and a "Log In" button. (Captioned by AI)

The buttons’ focus state is ok and doesn’t display the issue.

The issue doesn’t occur with the search button at the very bottom of the page.

3 Likes
2

It seems those pages are missing the top-level classes of discourse-no-touch and the likes.

I could add extra CSS to make sure the buttons are properly styled, but it’s a better bet (and more encompassing) to make sure those classes are added, if possible.

2 Likes
3

I don’t think we can do this @chapoi these pages don’t use ember and are rendered on the server side so we don’t know the capabilities of the client.

I think you need to style this using the no-ember class on the body to target these buttons efficiently.

2 Likes