Bug 152686 - UI: Hamburger menu looks like gray square in start center with macOS dark mode
Summary: UI: Hamburger menu looks like gray square in start center with macOS dark mode
Status: RESOLVED WORKSFORME
Alias: None
Product: LibreOffice
Classification: Unclassified
Component: UI (show other bugs)
Version:
(earliest affected)
7.6.0.0 alpha0+
Hardware: All All
: medium normal
Assignee: Not Assigned
URL:
Whiteboard:
Keywords:
Depends on:
Blocks: macOS-Dark-Mode
  Show dependency treegraph
 
Reported: 2022-12-26 11:03 UTC by Telesto
Modified: 2024-03-31 12:04 UTC (History)
2 users (show)

See Also:
Crash report or crash signature:


Attachments
Screenshot (371.01 KB, image/png)
2022-12-26 11:06 UTC, Telesto
Details
Start Center hamburger icon background too dark (4.65 KB, image/png)
2023-02-02 13:12 UTC, steve
Details
mac icons - left icon mouse hover (5.26 KB, image/png)
2023-02-02 16:15 UTC, steve
Details
2023-04-19 main build with breeze (49.24 KB, image/png)
2023-04-19 16:53 UTC, steve
Details
Screenshot (18.64 KB, image/png)
2023-04-19 17:52 UTC, Telesto
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Telesto 2022-12-26 11:03:07 UTC
Description:
UI: Hamburger menu looks like gray square in start center with macOS dark mode

Steps to Reproduce:
1. Launch LibreOffice start center with dark mode enabled

Same issue in writer around the sidebar. hamburger menu an close sidebar button barely visible

The A in the styles deck button icon is also not inverted

Actual Results:
Gray square in right corner

Expected Results:
Visible lines on hamburger menu


Reproducible: Always


User Profile Reset: No

Additional Info:
Version: 7.6.0.0.alpha0+ (X86_64) / LibreOffice Community
Build ID: 8635c9aa8c6f1078a9e220076d5a08daf30077e8
CPU threads: 8; OS: Mac OS X 12.3.1; UI render: Skia/Metal; VCL: osx
Locale: nl-NL (nl_NL.UTF-8); UI: en-US
Calc: threaded
Comment 1 Telesto 2022-12-26 11:06:24 UTC Comment hidden (obsolete)
Comment 2 steve 2023-02-02 13:12:03 UTC
Created attachment 185064 [details]
Start Center hamburger icon background too dark

Confirming: Start Center hamburger icon background too dark resulting in contrast too low.

Version: 7.6.0.0.alpha0+ (X86_64) / LibreOffice Community
Build ID: d8e6b488ceaff7c88856ebcfcfec14d2d8cd7652
CPU threads: 8; OS: Mac OS X 13.2; UI render: Skia/Metal; VCL: osx
Locale: en-US (en_DE.UTF-8); UI: en-US
Calc: threaded

@Telesto: can you please file a separate bug for the issue with Sukapura icon set in dark mode in regards to the one issue per bug policy.
Comment 3 Caolán McNamara 2023-02-02 14:42:00 UTC
The icon theme shown under: tools, options, view, theme is
"Automatic (Breeze (dark))"
right ?

If so, we're talking about the icon of icon_themes/breeze_dark/sfx2/res/menu.png added with tdf#149494

AFAICS the gray background is the color of the button, which is the usual mac button color, rather than the icon itself
Comment 4 steve 2023-02-02 15:22:15 UTC
Colibre Dark, but makes no difference.

There is a bit more context to this discussion: On macOS there are two colors for buttons (or rather icons to interact with).

- Inactive: dark grey (the color used for the bar the hamburger icon is located at in start center)
- Active: lighter grey (this should ever only show on mouse hover to distinguish what element of UI the user is interacting with)

Now LibreOffice uses the hover color to always display and does not change on hover. Both is not ideal.

I think the way to resolve this, since the colors are what is to be expected form macOS, to increase the size of the hamburger menu icon so that its visibility is improved.

What do you think, Caolán?
Comment 5 steve 2023-02-02 16:15:57 UTC
Created attachment 185070 [details]
mac icons - left icon mouse hover
Comment 6 steve 2023-04-19 16:53:21 UTC
Created attachment 186795 [details]
2023-04-19 main build with breeze

Revisited this in 2023-04-19 main build with breeze (see screenshot).

@Telesto: Would the thicker lines in the top right hamburger menu in start center work for you?

It has much better visibility.
Comment 7 Telesto 2023-04-19 17:52:30 UTC
Created attachment 186799 [details]
Screenshot

Hmm, I used a non-dark icon theme. Seems fine with Dark Colibre SVG. The question: does the icon theme automatically adapt to dark mode icons?
Comment 8 steve 2023-04-22 19:24:04 UTC
By now it does. There were different fixes made to follow system settings as best as possible - automatically switching light | dark icon theme was one of those. However this is only applied if you select Settings > View > Icon Theme > Automatic.

Your last screenshot shows a different dropdown. Maybe we should keep this issue here limited to the start center dropdown?

Reading your initial report, the issue is specifically the lines in the start center hamburger menu.

The visibility of those is fine in the screenshot with breeze dark (2023-04-19 main build with breeze):
https://bug-attachments.documentfoundation.org/attachment.cgi?id=186795

When testing keep in mind, Start Center is not instantly updated so make sure to restart LibreOffice.

Since for breeze the lines have great visibility in both dark and light icon theme, I was wondering if adapting that dropdown style to other icon themes, which may still have poor visibility (like the very thin lines of your initial screenshot.
Comment 9 steve 2024-03-31 12:04:30 UTC
@Telesto: is this still a problem?

Using Settings > View > Appearance > Mode > System (set to dark mode) and Icon Theme > Theme to Automatic (Sukapuara (dark)) this looks fine to my eyes.

Please re-open if I am mistaken.

The screenshot you posted does not seem to be from start center but writer or another component since a ruler UI is visible. Or am I seeing that in a wrong way?