1859079 - Inspector displays colours in new CSS Color 4 formats (e.g. OKLCH) as hex/named colours

Status: RESOLVED FIXED

(DevTools :: Inspector: Rules, defect)

Description

[Calum Smith [:cpmsmith]]

Attachment: The Inspector showing non-matching background values in the DOM and Style inspector

Thank you for helping make Firefox better. If you are reporting a defect, please complete the following:

What were you doing?

Please tell us what site you were on, and what steps led to the error you are reporting

1. devtools.defaultColorUnit should be set to authored (the default value)
2. On any page, open Inspector
3. On any element, set any property accepting a colour, e.g. background, to any value using a color-module-4 function, e.g. oklch(50% 0.3 10)

What happened?

The value is correctly applied—if you're applying it to the element inline, you can see it in the style attribute—but in the Rules editor, the colour is converted to a named colour if one matches, or else a hex code.

What should have happened?

The Rules editor should show the colour in the format used to type it.

Anything else we should know?

This is observable in Nightly 2023-10-13

Comment 1

[Calum Smith [:cpmsmith]]

Attachment: Bug 1859079 - display new CSS level 4 colours correctly in Rules inspector. r?nchevobbe,#devtools-reviewers

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/c0c7c5bc7027
display new CSS level 4 colours correctly in Rules inspector. r=devtools-reviewers,ochameau

Comment 3

[Cristian Tuns]

https://hg.mozilla.org/mozilla-central/rev/c0c7c5bc7027