New forum very hard to read

[wgstarks]

https://forums.unraid.net/topic/75539-support-binhex-qbittorrentvpn/?do=findComment&comment=1412968I’m not sure exactly what is going on in this screenshot. Might be a code post? Very hard to read though.

 

 

[SpencerJ]

1 hour ago, wgstarks said:

https://forums.unraid.net/topic/75539-support-binhex-qbittorrentvpn/?do=findComment&comment=1412968I’m not sure exactly what is going on in this screenshot. Might be a code post? Very hard to read though.

 

 

What browser are you using? This is what I see:

 

[wgstarks]

Using Safari on my iPhone. Dark mode.

Edited May 2 by wgstarks

[SpencerJ]

@elibosley FYI^

[wgstarks]

FYI

This problem seems to be limited to the Safari iPhone app. When I view the same post with the desktop app it is perfectly readable.

[Squid]

FWIW, readability as a whole along with general aesthetics was better previously than now currently.  While it is usable, I definitely prefer how it was. 

[mackid1993]

There is an issue with HTML code blocks in dark mode. For example.

<div class="test">
  <p style="text-align: center;" >Some Text</p>
</div>
  

Below is how this post renders in dark mode:

 

[ConnerVT]

Difficult enough that I've noted I am now spending less time browsing the forum.

[tjb_altf4]

(in dark mode) bold pure white text in topic search is difficult too read... contrast is too high and defeats the benefits of using dark mode IMO, the off white shades used elsewhere is much better.

[bmartino1]

Same... 

chrome theme are messing with unraid themes. and Dark mode woes...

I have problems with how chrome replaces the white css code to match chrome themes.

However, this was not a problem with the previous form system before the upgrade so is there more going on yes. I don't know css color codes enough to pull the difference via internet archive and web console tools.

other web extensions like dark mode also mess with this.
its how the page html code is interacting with certain plugins / web browsers.

Forum would need html code edits to fix:
https://stackoverflow.com/questions/60118216/how-do-i-stop-dark-mode-from-destroying-my-css

a solution to the dev hopefull:

 

Quote

Had the same issue. Here's what I found.

I added this meta tag to the header tag:

<meta name="color-scheme" content="light only">

The meta tag above indicates that the color scheme is only supported by light mode.

Another option is the scheme preferred in light mode, but it supports dark mode as well:

<meta name="color-scheme" content="light dark">

Tested on Safari, Chrome, Samsung, Facebook in-app browser and Firefox.

Another method is to use CSS:

:root { color-scheme: light only; }

The above indicates that the styling only uses the light version only.

 

Edited May 6 by bmartino1