Steps to reproduce the problem

1. Load the attached page
2. Observe that the P and INPUT elements in the "Dark" section are different colours
3. Observe in the console that getComputedStyle() reports the two colours as being the same

Problem Description

Assigning Field as a background colour ought to give an element the same colour as an input field. In the attached page you can see that an INPUT field and a P element with the Field background colour appear different when the color-scheme is "dark".

But in devtools' computed styles tab, the background colour for both elements is reported as rgb(18, 18, 18), and using getComputedStyle() to calculate the background colours gets the same answer.

Using a colour-picker app, I found the dark color-scheme INPUT background colour to be rgb(59, 59, 59). I used that colour in the "Custom" section of the attached page. The elements in the Custom section have the same colour appearance as those in the Dark section.

In Firefox the INPUT and P elements in the Dark section of the page each have the same colour (rgb(43, 42, 51)).

Summary

The CSS system-color "Field" is not the colour of an input field

Custom Questions

Example URL:

See attached page

Does the problem occur on multiple sites?

Not sure - I don't know

Is it a problem with a plugin?

No - It's the browser itself

Does this work in other browsers?

Yes - This is just a Chromium problem

Additional Data

Category: Content
Chrome Channel: Stable
Regression: N/A