Improvement for dark theme

Feedback
1

This is a small non-priority suggestion for the dark theme both here in the forum and in the OGS main site.
In the forum the logo has super low contrast when using dark theme. I thought of some options:
ogs_logo

1- current logo in dark theme
2- white font (like in the OGS main site)
3- added a “glare” effect so the black part of the bi-stone is more visible
4- glare to everything so we can keep the dark font :man_shrugging:

Similarly, in the main site the black part of the logo is barely visible with the dak theme…which can be improved, but that is not that bad for me

8 Likes
2

… does it not already show up that way?

Screenshot_20210313-095713_Chrome
Screenshot_20210313-095713_Chrome1080×282 75.9 KB

Also TIL forums have dark theme! :grinning:

4 Likes
3

Not to me… weird!

Screenshot from 2021-03-13 19-38-48
Screenshot from 2021-03-13 19-38-481162×624 127 KB

I guess it’s my configuration, then… I’m using Firefox 86 with dark theme enable on Ubuntu 20.4 (with yaru-dark theme) :man_shrugging:
(In firefox mobil I see it black as well)

1 Like
4

I’m using Samsung browser on my phone.
The phone is in dark mode, OGS in light mode, but the result is dark and the logo looks exactly like in the OP.

I actually don’t mind, but maybe something similar is happening to @n0w3l.

1 Like
5

I think it’s a firefox thing. In Chromium in the computer and in Chrome in android it looks correct (like @benjito shows)

2 Likes
6

HTML:

<img src="https://ogs-forums.s3.amazonaws.com/original/2X/2/2512899f61b1f5bc8e6cc997cb4a1282cd23ab95.png" alt="Online Go Forum" id="site-logo" class="logo-big">

CSS:

#site-logo {
    content: url(https://cdn.online-go.com/4.3/img/ogslogo-dark.png) !important;
}

Seems like Firefox does not like overriding “src” attribute of “img” tag using CSS. If I remove “src” attribute and leave only CSS, looks good in Firefox.

3 Likes