Dark mode on IFDB: thoughts about the color and border of text input fields?

[bg]

In dark mode of IFDB, the text input fields can sometimes be a little difficult to see until you click inside the field (when you do that, the border brightens up). See, for example, the “Search tags” field at the bottom of this screenshot. The border is gray and very narrow. (The “search for games” field above that is a little easier to see, but still subtle.)

Do you have any ideas for how to deal with this?

Some possibilities I thought of:

• Use a higher-contrast combination of border color/thickness and field color

• Make all the input fields white, and make all of the backgrounds dark, and then the border won’t matter as much

[zarf (Andrew Plotkin)]

A contrasting border worked well for ifarchive.org.

[bg]

Something like this?

[zarf (Andrew Plotkin)]

Yeah. And for the “Search for games…” input field too.

[bg]

Thanks!

[bg]

Ok, originally, the “Search for games” area had a 2px border. (You couldn’t see it in dark mode, though, because it was black.). And originally the “search for tags (etc.)” search bar had a 1 pixel border.

The colors in all the screenshots below are the same.

Here’s both search bars with the original border thicknesses (2px above, and 1px below):

Here’s what it looks like when both have a 1 px border:

Here’s what it looks like when both have a 1.5px border:

What do you think looks best?

[Draconis (Daniel Stelzer)]

I say 1.5px!

[bg]

Thanks!