Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

css.types.color.system-color - Chrome doesn't support AccentColor anymore #21006

Closed
xaddict opened this issue Oct 18, 2023 · 5 comments
Closed
Labels
data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS

Comments

@xaddict
Copy link
Contributor

xaddict commented Oct 18, 2023

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

Chrome doesn't support AccentColor as a color value anymore, at least in Chrome 118 and Chrome Canary 120

What browsers does this problem apply to, if applicable?

No response

What did you expect to see?

When I set an element to use background-color: AccentColor it should take over the currently selected accent color of the system.

Did you test this? If so, how?

Yes, I set up a test page in Firefox, Chrome, Safari and used the inspector to set the background color of an element to AccentColor. In Firefox and Safari this worked, but in chrome the value gets ignored

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

A test page:

https://codepen.io/xaddict/pen/BavXLYM

Do you have anything more you want to share?

Screenshot 2023-10-18 at 13 26 18

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/system-color

MDN metadata

MDN page report details
  • Query: css.types.color.system-color
  • Report started: 2023-10-18T11:21:59.577Z
@queengooborg queengooborg added the data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label Oct 19, 2023
@lukewarlow
Copy link
Contributor

Accent color just doesn't have its own data by the looks of things. Given it's newer than the rest of should do. (Safari should be partial support or at least with a note because it's a fake colour).

@xaddict
Copy link
Contributor Author

xaddict commented Nov 2, 2023

(Safari should be partial support or at least with a note because it's a fake colour).

Safari uses accentcolor = blue, like on iOS, so they fully support it, they just don't reflect the accent color of the system appearance panel

@lukewarlow
Copy link
Contributor

I think it's slightly disingenuous to present that as full support given the entire purpose of the colour is to match other UA styled UI that uses the system accent color. At the very least a note should be added even if not partial flag.

@queengooborg
Copy link
Contributor

#21150 added a subfeature for AccentColor and AccentColorText, marking Chrome as supported behind a flag!

@xaddict
Copy link
Contributor Author

xaddict commented Dec 2, 2023 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
Projects
None yet
Development

No branches or pull requests

3 participants