Closed Bug 1709508 Opened 3 years ago Closed 3 years ago

macOS high contrast mode is always light

Categories

(Firefox :: Theme, defect, P2)

defect

Tracking

()

RESOLVED WORKSFORME
Accessibility Severity s3

People

(Reporter: mstriemer, Unassigned)

References

(Blocks 4 open bugs, )

Details

(Keywords: access, Whiteboard: [proton-aboutpages] [proton-infobars] [proton-modals] [priority:2b])

Attachments

(1 file)

Attached image image.png

When macOS is in dark mode and Firefox is in the system/dark theme then about: pages, infobars and modals all appear with light colouring. This worked pre-proton and is likely happening since we use the system colours, but they aren't set or aren't set to dark colours by the OS. [1]

STR

  1. Enable macOS dark mode
  2. Enable "Increase contrast" in Accessibility
  3. Check about:preferences, infobars, modals

Originally reported in bug 1700983 comment 4.

[1] https://searchfox.org/mozilla-central/rev/2f109387cc6886859d3f985ed9aca352fff653b8/toolkit/themes/shared/in-content/common.inc.css#234-235

Priority: -- → P2
Whiteboard: [proton-aboutpages] [proton-infobars] [proton-modals] → [proton-aboutpages] [proton-infobars] [proton-modals] [priority:2b]

(In reply to Mark Striemer [:mstriemer] from comment #0)

This worked pre-proton and is likely happening since we use the system colours, but they aren't set or aren't set to dark colours by the OS. [1]

That's right - on macOS, CSS system colors currently do not observe system dark mode. But once bug 1623686 is done, they will - you can try this by setting widget.macos.respect-system-appearance to true locally.
However, while the text correctly turns white with that pref, the background remains white, too! It looks like -moz-Dialog, which is used for the background, resolves to rgba(255, 255, 255, 0.098) in dark mode. This is a very low-opacity white color, rather than an opaque dark color. It seems to be intended to be used on top of a dark backdrop.

Depends on: 1623686

(In reply to Markus Stange [:mstange] from comment #1)

However, while the text correctly turns white with that pref, the background remains white, too! It looks like -moz-Dialog, which is used for the background, resolves to rgba(255, 255, 255, 0.098) in dark mode. This is a very low-opacity white color, rather than an opaque dark color. It seems to be intended to be used on top of a dark backdrop.

I've filed bug 1710164 about this.

Blocks: 1709396
Blocks: hcm
Keywords: access
Whiteboard: [proton-aboutpages] [proton-infobars] [proton-modals] [priority:2b] → [proton-aboutpages] [proton-infobars] [proton-modals] [priority:2b][access-s3]

This looks to be fixed recently, perhaps by bug 1623686? Mark, are you still able to reproduce the issue?

Flags: needinfo?(mstriemer)

Looks fixed to me, thanks!

Status: NEW → RESOLVED
Closed: 3 years ago
Flags: needinfo?(mstriemer)
Resolution: --- → WORKSFORME
Accessibility Severity: --- → s3
Whiteboard: [proton-aboutpages] [proton-infobars] [proton-modals] [priority:2b][access-s3] → [proton-aboutpages] [proton-infobars] [proton-modals] [priority:2b]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: