Bug 151738 - Unreadable Help contents - light font on white background in dark mode (Windows)
Summary: Unreadable Help contents - light font on white background in dark mode (Windows)
Status: RESOLVED NOTOURBUG
Alias: None
Product: LibreOffice
Classification: Unclassified
Component: Documentation (show other bugs)
Version:
(earliest affected)
7.4.1.2 release
Hardware: All Windows (All)
: medium minor
Assignee: Not Assigned
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-10-24 15:58 UTC by scorpiosoft
Modified: 2023-08-05 11:42 UTC (History)
5 users (show)

See Also:
Crash report or crash signature:


Attachments
Unreadable Help contents - light text on white background. (54.15 KB, image/jpeg)
2022-10-24 16:00 UTC, scorpiosoft
Details
Screenshot win10 dark mode. (258.17 KB, image/png)
2022-10-25 15:56 UTC, m_a_riosv
Details
Help in Firefox in dark mode (91.11 KB, image/jpeg)
2022-10-25 16:17 UTC, scorpiosoft
Details
Screenshot about FF in dark mode. (129.66 KB, image/png)
2022-10-25 16:40 UTC, m_a_riosv
Details

Note You need to log in before you can comment on or make changes to this bug.
Description scorpiosoft 2022-10-24 15:58:56 UTC
Description:
Contents of the Help system is unreadable in browser when Windows is in dark mode (light font on white background).

Tested with browsers Firefox and Edge.

Steps to Reproduce:
1. Select "Dark" color in Windows Settings, Themes and related settings, Colors
2. Open menu Help-> LibreOffice Help

Actual Results:
Text contents is unreadable (light font on white background).

Expected Results:
Text color should be hard coded black or default window background should be used.


Reproducible: Always


User Profile Reset: No

Additional Info:
Version: 7.4.1.2 (x64) / LibreOffice Community
Build ID: 3c58a8f3a960df8bc8fd77b461821e42c061c5f0
CPU threads: 8; OS: Windows 10.0 Build 19041; UI render: Skia/Vulkan; VCL: win
Locale: bg-BG (bg_BG); UI: en-US
Calc: threaded
Comment 1 scorpiosoft 2022-10-24 16:00:00 UTC
Created attachment 183240 [details]
Unreadable Help contents - light text on white background.
Comment 2 Buovjaga 2022-10-25 14:15:22 UTC
I can't test on Windows as my Win 10 in a virtual machine is unactivated, but if this is the normal behavior, this seems like a really bad decision by Microsoft! Why should Windows dark mode mess with the colours of websites, if the websites have not explicitly configured their CSS to depend on the colour scheme?
Comment 3 m_a_riosv 2022-10-25 15:56:31 UTC
Created attachment 183264 [details]
Screenshot win10 dark mode.

Looks fine for me, with Firefox (screenshot) and with edge (no chrome to test). Maybe something else is changed.
Comment 4 scorpiosoft 2022-10-25 16:08:27 UTC
(In reply to m.a.riosv from comment #3)
> Created attachment 183264 [details]
> Screenshot win10 dark mode.
> 
> Looks fine for me, with Firefox (screenshot) and with edge (no chrome to
> test). Maybe something else is changed.

@m.a.riosv, I think you are not really in dark mode - the tabs and the borders of your browser are LIGHT - see my attachment for example.
Comment 5 Buovjaga 2022-10-25 16:17:43 UTC
(In reply to scorpiosoft from comment #4)
> (In reply to m.a.riosv from comment #3)
> > Created attachment 183264 [details]
> > Screenshot win10 dark mode.
> > 
> > Looks fine for me, with Firefox (screenshot) and with edge (no chrome to
> > test). Maybe something else is changed.
> 
> @m.a.riosv, I think you are not really in dark mode - the tabs and the
> borders of your browser are LIGHT - see my attachment for example.

Your browser UI is also light, there is no difference.
Comment 6 scorpiosoft 2022-10-25 16:17:47 UTC
Created attachment 183265 [details]
Help in Firefox in dark mode

(In reply to scorpiosoft from comment #4)
> (In reply to m.a.riosv from comment #3)
> > Created attachment 183264 [details]
> > Screenshot win10 dark mode.
> @m.a.riosv, I think you are not really in dark mode - the tabs and the
> borders of your browser are LIGHT - see my attachment for example.

@m.a.riosv, sorry, my mistake - I had attached screenshot from Edge (light theme by default). See this one.

By the way - I have NOT tested Help from ver. 7.5
Comment 7 m_a_riosv 2022-10-25 16:40:34 UTC
Created attachment 183266 [details]
Screenshot about FF in dark mode.

Attached screenshot with FF in dark mode (oscuro), with the help window.
Comment 8 scorpiosoft 2022-10-25 17:25:08 UTC
(In reply to m.a.riosv from comment #7)
> Created attachment 183266 [details]
> Screenshot about FF in dark mode.
> 
> Attached screenshot with FF in dark mode (oscuro), with the help window.

@m.a.riosv, in report I meant dark mode OF WINDOWS, not of FireFox.

I think, the problem is in default color of font (inherited light from Windows), NOT set explicitly to dark in LibreOffice Help.
Comment 9 Buovjaga 2022-10-25 17:32:16 UTC
(In reply to scorpiosoft from comment #8)
> I think, the problem is in default color of font (inherited light from
> Windows), NOT set explicitly to dark in LibreOffice Help.

But this is not supposed to happen. If it happens, it's a bug in Windows itself (or some glitch on your system). It would be completely insane, if this was the normal behaviour.
Comment 10 m_a_riosv 2022-10-25 20:26:44 UTC
It was with dark mode in Win10 and FF.
Comment 11 scorpiosoft 2022-11-02 09:44:22 UTC
(In reply to Buovjaga from comment #9)
> (In reply to scorpiosoft from comment #8)
> > I think, the problem is in default color of font (inherited light from
> > Windows), NOT set explicitly to dark in LibreOffice Help.
> 
> But this is not supposed to happen. If it happens, it's a bug in Windows
> itself (or some glitch on your system). It would be completely insane, if
> this was the normal behaviour.

If I see right, in styles of the Help font color INDEED is NOT set explicitly, but background IS set - so, in MY opinion, ROOT of the problem is NOT in Windows. If both colors are set explicitly, the Help will NOT depends PARTIALLY on OS setting.
Comment 12 scorpiosoft 2022-11-02 09:44:38 UTC
(In reply to m.a.riosv from comment #10)
> It was with dark mode in Win10 and FF.

If I see right, in styles of the Help font color INDEED is NOT set explicitly, but background IS set - so, in MY opinion, ROOT of the problem is NOT in Windows. If both colors are set explicitly, the Help will NOT depends PARTIALLY on OS setting.
Comment 13 Buovjaga 2022-11-02 10:20:01 UTC
(In reply to scorpiosoft from comment #11)
> (In reply to Buovjaga from comment #9)
> > (In reply to scorpiosoft from comment #8)
> > > I think, the problem is in default color of font (inherited light from
> > > Windows), NOT set explicitly to dark in LibreOffice Help.
> > 
> > But this is not supposed to happen. If it happens, it's a bug in Windows
> > itself (or some glitch on your system). It would be completely insane, if
> > this was the normal behaviour.
> 
> If I see right, in styles of the Help font color INDEED is NOT set
> explicitly, but background IS set - so, in MY opinion, ROOT of the problem
> is NOT in Windows. If both colors are set explicitly, the Help will NOT
> depends PARTIALLY on OS setting.

No, the operating system should never alter the website styles unless the website explicitly requests it. See
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
Comment 14 Martin Srebotnjak 2023-07-21 13:50:31 UTC
Shouldn't this be marked as an enhancement?
Comment 15 Buovjaga 2023-07-21 17:24:46 UTC
(In reply to Martin Srebotnjak from comment #14)
> Shouldn't this be marked as an enhancement?

No, it is possible scorpiosoft is using some Firefox addon that manipulates the style of the page. Scorpiosoft should mention relevant addons.
Comment 16 scorpiosoft 2023-07-21 18:11:51 UTC
(In reply to Buovjaga from comment #15)
> (In reply to Martin Srebotnjak from comment #14)
> > Shouldn't this be marked as an enhancement?
> 
> No, it is possible scorpiosoft is using some Firefox addon that manipulates
> the style of the page. Scorpiosoft should mention relevant addons.

As I wrote in initial description, the issue is the same in Edge too. The former is absolutely clear (no add-ons, all settings are with default values), the browser is unused at all.

It appears to me that no one mention my opinion for the reason for the problem: the background of Help pages is hard coded, but font color is NOT (in the Help pages background is hard coded as "white"). I think if the first one is EXPLICITLY set, the second one MUST be set EXPLICITLY too.
Comment 17 Stéphane Guillou (stragu) 2023-08-03 17:38:05 UTC
From the screenshot, I see that the help is from the installed help pack.

Scorpio, can you please:
- see if the online version has the same issue for you: https://help.libreoffice.org/7.4/en-GB/text/shared/05/new_help.html
- update to 7.5 and see if you can still reproduce the issue?
- share exactly what theme you are using in your Windows settings

Thank you!
Comment 18 scorpiosoft 2023-08-04 19:45:22 UTC
(In reply to Stéphane Guillou (stragu) from comment #17)
> From the screenshot, I see that the help is from the installed help pack.

Yes, that's right.
 
> Scorpio, can you please:
> - see if the online version has the same issue for you:
> https://help.libreoffice.org/7.4/en-GB/text/shared/05/new_help.html

Yes, it has the issue

> - update to 7.5 and see if you can still reproduce the issue?

I have updated already and yes, the issue is reproducible.

> - share exactly what theme you are using in your Windows settings

I have tried two DARK themes:
  * Adapta (from DevianArt, https://www.deviantart.com/niivu/art/Adapta-for-Windows-10-675581778 )
  * W10 dark graphite ribbon (from DevianArt, https://www.deviantart.com/arsonist1234/art/W10-Dark-Graphite-Ribbon-1903-1909-Dark-Mode-818947842 )

I hope the above info us useful.
Comment 19 Stéphane Guillou (stragu) 2023-08-04 21:20:17 UTC
Thanks for the info.

(In reply to scorpiosoft from comment #18)
> I have tried two DARK themes:
>   * Adapta (from DevianArt,
> https://www.deviantart.com/niivu/art/Adapta-for-Windows-10-675581778 )
>   * W10 dark graphite ribbon (from DevianArt,
> https://www.deviantart.com/arsonist1234/art/W10-Dark-Graphite-Ribbon-1903-
> 1909-Dark-Mode-818947842 )

Do you reproduce without any custom theme, only using the stock Windows-provided dark themes?
And which accent colour are you using?
Comment 20 scorpiosoft 2023-08-04 21:56:25 UTC
(In reply to Stéphane Guillou (stragu) from comment #19)
> Thanks for the info.
> 
> (In reply to scorpiosoft from comment #18)
> > I have tried two DARK themes:
> >   * Adapta (from DevianArt,...
> 
> Do you reproduce without any custom theme, only using the stock
> Windows-provided dark themes?
> And which accent colour are you using?

Sorry, but I have NOT found (yet?) any "Windows-provided dark themes" :)
When I set Windows to "dark mode" ("Themes and related settings" -> "Color" -> "Dark"), LibreOffice Help is showing CORRECTLY.

As a side note only - in that way many app's does NOT change their colors accordingly. By using custom themes they DOES. 

IMHO, the HTML pages must NOT rely on default font color when page background is set explicitly. If this is not the developers opinion, the issue can be closed.
Comment 21 Buovjaga 2023-08-05 07:31:28 UTC
(In reply to scorpiosoft from comment #20)
> (In reply to Stéphane Guillou (stragu) from comment #19)
> > Thanks for the info.
> > 
> > (In reply to scorpiosoft from comment #18)
> > > I have tried two DARK themes:
> > >   * Adapta (from DevianArt,...
> > 
> > Do you reproduce without any custom theme, only using the stock
> > Windows-provided dark themes?
> > And which accent colour are you using?
> 
> Sorry, but I have NOT found (yet?) any "Windows-provided dark themes" :)
> When I set Windows to "dark mode" ("Themes and related settings" -> "Color"
> -> "Dark"), LibreOffice Help is showing CORRECTLY.

You found the Windows-provided dark theme.

> As a side note only - in that way many app's does NOT change their colors
> accordingly. By using custom themes they DOES. 
> 
> IMHO, the HTML pages must NOT rely on default font color when page
> background is set explicitly. If this is not the developers opinion, the
> issue can be closed.

Then it's a problem with those themes you downloaded from DeviantArt, they need to be corrected.
Comment 22 V Stuart Foote 2023-08-05 11:42:29 UTC
The see also bug 148016 and its dupe bug 153284 are germane.

Otherwise this issue when using non-default MS Win10/11 Light/Dark theme support for CSS browser rendering is NOB.