Dark mode logo doesn't match with the dark red background navbar

Here's the problem:

3 Likes

“Matches” is pretty much about what each one prefers. Looks brutal IMHO :smiley:

2 Likes

I don't know about "matching", but the contrast of the logo on the navbar is quite low at 1.08:1.

2 Likes

I know the logo for the Rust GitHub organization was recently updated to have a white background. Perhaps the same thing could be done here? I'm not sure who has the permission to make the change, though.

2 Likes

With SVG logos it's possible to use adaptable CSS. We use it in the RustCrypto logo, e.g. you can see it on the left of the sha2 crate docs. Unfortunately, some sites unconditionally convert logo images to PNG (there are good reasons for that, but still...), thus loosing the adaptability.

3 Likes

How about changing the background color?

1 Like

It's nice to have somewhat distinct colors between IRLO and URLO.

2 Likes

Yeah, the navbar of IRLO in dark mode looks bad too.

image

2 Likes

It's somewhere between your suggestion and IRLO for me.

irlo

1 Like

A white shadow behind the dark logo would be fine: (activate dark mode to see it)

e260a60b8dca4dae6ce7db98c45bb5008e6fdc62

3 Likes

I really hope this isn't done, or if it is, that it is turned into a user-adjustable setting.
I use dark mode specifically to avoid eye-searing white pixels.

3 Likes

It's not a lot...just the small box around the logo. Do you think it's excessive on this page?

1 Like

I’d say it is a pretty darn large area, and thus possibly/arguably an excessive amount of white background, on the liked GitHub organization page. But also, the logo here on URLO is a lot smaller than the one there. In fact, it’s slightly smaller than the user avatars here, and those can be bright as well.

1 Like

It's a contextual thing, at least for me: when I'm in a well-lit area, even light themes don't bother me too much.
However, often enough I'm reading in low-light or no-background-illumination settings, and there I really want the dark themes as well as screen brightness to minimum, because any white or light colors are instantly eye-searing.

In the latter setting that large an area (I'm assuming no scaling) is not insignificant.

The white shadow solution seems a good trade-off to me. The light area is even thinner than title text, still making the logo visible.

The other advantage is that it doesn't need additional CSS nor changing the background color.

Maybe this could be applied to the favicon as well; it's not very visible on Firefox with dark theme.

7 Likes

Yeah it seems like a solution that should fit the constraints:

  • Better contrast than the status quo
  • At the same time, not too eye-searing
1 Like

I am also irked by this

1 Like

This topic was automatically closed 90 days after the last reply. We invite you to open a new topic if you have further questions or comments.