1868416 - Accent colors in select with "Graphite" appearance look different

Status: RESOLVED WORKSFORME

(Core :: Widget: Cocoa, defect, P3)

Description

[matthias koplenig [:metasieben]]

Attachment: Firefox 122

While using dark mode in both macOS(13.6.1 (22G313)) and Firefox and Appearance "Graphite" selects seem to be missing their accent color.

See screenshots attached.

Comment 1

[matthias koplenig [:metasieben]]

Attachment: Selected options in System Settings

Comment 2

[matthias koplenig [:metasieben]]

Attachment: Safari

Comment 3

[BugBot [:suhaib / :marco]]

The severity field is not set for this bug.
:spohl, could you have a look please?

For more information, please visit BugBot documentation.

Comment 4

[Emilio Cobos Álvarez [:emilio]]

This seems to work fine on sonoma and current nightly, don't know if you can confirm? I've been using:

data:text/html,<meta name=color-scheme content=dark><select><option>Abc</option><option>DEF</option></select>

Comment 5

[matthias koplenig [:metasieben]]

Yes, your testcase works as expected.

I used page[1] for my tests, and while it works when forcing the background of the output to be dark,
it still looks different from Safari when the background is white.

Tried the same in ESR115 and it looks much closer to Safari, see attached screenshot.

[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

Comment 6

[matthias koplenig [:metasieben]]

Attachment: Firefox115

Comment 7

[Sam Johnson]

The remaining differences of the highlight should now be fixed by bug 2018516 in the latest Nightly. Can you confirm? Note that Safari seems to use a dark mode menu even when the page has light content, but Firefox uses a light mode menu with light content, so that part might still be different (but intentional).

Comment 8

[matthias koplenig [:metasieben]]

Okay, still not sure, why we use the light mode menu when in dark mode.
The accent color is fixed, though.