Open
Bug 2012788
Opened 2 hours ago
SelectedItemText on SelectedItem is dim in dark mode sice 148
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
UNCONFIRMED
People
(Reporter: myf, Unassigned)
Details
Attachments
(1 file)
Fig 1: comparison showing difference between 147.0.2 and 148.0b7 in dark mode
Seems like a regression: Nightly and Developer edition started to use bland dim-grey for the SelectedItem system colour keyword's value (rgba(249, 249, 250, 0.1)), and for the SelectedItemText the same light colour as CanvasText (rgb(251, 251, 254)).
This produces poor inaccessible contrast (1.03), compared to the previous versions, that used bright cyan background with dark text (see Fig 1).
This has detrimental effect on the select[multiple] elements as well, that now have nearly indistinguishable selected options.
Spotted in 148.0b7 Developer edition on Windows 11, and Nightly 149.0a1 on Android.
MDN SelectedItem SelectedItemText
Demo test used:
data:text/html,<!doctype html><html lang="en" style="color-scheme: dark;"><title>SelectedItem @ dark</title>
<style>[style]::before { content: attr(style); white-space: pre }
</style>
<p style="background-color: selectedItem;
color: SelectedItemText;
"></p>
<select size=2>
<option selected>Initially selected option</option>
<option>Other option</option></select><input type=checkbox checked>
<hr>
<script>document.write(navigator.userAgent)
</script>
You need to log in
before you can comment on or make changes to this bug.
Description
•