Dark Mode: Should we reduce the opacity of borders, dividers, and separators?

[melchoyce]

Describe the bug
Slightly darker borders would help reduce eye strain from too much contrast, and would also blend in better with the dark color scheme.

Screenshots

Before	After

Before	After

Additional context
This idea comes from https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/.

[melchoyce]

I used 30% opacity in the above "after" screenshots, but we'd want to use an opacity that still lets us meet 4.5:1 contrast — maybe 55%?

[carolinan]

This was already tested once and not implemented.

[hedgefield]

I agree this looks better, puts more visual emphasis on what's actually important on the page. I think @carolinan was referring to #155, I asked her about it and she's in favor of doing this, so yay 🎉 The AAA contrast ratio is important still yeah, so if 55% works for that, great 👍

[carolinan]

It was decided to not include this without the (device) dark mode support.

[carolinan]

Changing the input fields background color would also mean that we had to adjust the text, and it would be confusing to have different colors here depending on if the field is empty, has content, or is being edited.

The current color for inputs when the dark backgrounds are used is somewhat darker than the full white, and keeps the contrast ratio with the text color.
--global--color-white-90: rgba(255, 255, 255, 0.9);