• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Not planned Change colours of XenForo overlay forms

Chris D

XenForo developer
Staff member
#1
Nearly posted this as a bug, but it's ultimately a browser issue...

This is what overlay forms look like in Chrome 32+:

upload_2014-2-5_15-41-57.png

The problem is, the Destination Forum and "Days" is a drop down, but you wouldn't know because its background is black, as is the new style of drop downs that Chrome has introduced.

It's not much better when the select menu is focused:

upload_2014-2-5_15-43-23.png

This is what it looks like on non-overlays:

upload_2014-2-5_15-43-55.png

One solution, perhaps is for the input backgrounds to now be white/off-white:

upload_2014-2-5_15-45-40.png

If I'm honest, it doesn't look too bad. Maybe there's a better colour combination. I think something ought to be done, though. It's highly annoying that it only really affects one browser, but unfortunately it's one with considerable market share. And as this issue exists also on the front end UI it's possible that people unfamiliar with XenForo will get confused and not realise how to interact with some inputs.
 

Mike

XenForo developer
Staff member
#2
In general, I think the white doesn't look great there.

Bear in mind that this is the first Chrome release with this UI, so it may get tweaked (hopefully it will). It likely just needs a light colored stroke around the arrow (or more advanced, some sort of contrast detection) and then it'll work in many situations. This is going to be a problem for any site that uses dark colored form elements.

As such, this isn't a change I'd make. Months down the line, maybe it will become worthwhile but I think it's probably premature to change anything now.