Re: [w3c/manifest] Add support for defining a theme color for both light & dark modes (prefers color scheme) (#975)

dmurph left a comment (w3c/manifest#975)

Given the staleness of the media query approach, and the localization shipment, I propose we circle back to some recent comments in, say, https://github.com/w3c/manifest/issues/1045?

It looks like other platforms have added this functionality by adding attributes on, say, the icon item can have a "color_scheme" key that can be a string/list, "dark" and "light" parsed. I see this as a nice established way to get dark & light mode support here for icons, at least. For theme color, we could allow it to be a list of dicts, where each item can have a "value" item and then "color_scheme"

Maybe:
```json
{
  "name": "Example",
  "icons": [
    {
      "src": "/assets/icon.png",
      "sizes": "256x256",
      "type": "image/png",
      "color_scheme": "light"
    }
    {
      "src": "/assets/icon.png",
      "sizes": "256x256",
      "type": "image/png",
      "color_scheme": ["light", "dark"]
    }
    {
      "src": "/assets/icon.png",
      "sizes": "256x256",
      "type": "image/png",
      "color_scheme": "dark"
    }
  ],
  "start_url": "/",
  "display": "standalone"
  "theme_color": [
    { "value": "#5f7995", "color_scheme": "dark"},
    { "value": "#523f11", "color_scheme": "light"}
  ]
}
```

-- 
Reply to this email directly or view it on GitHub:
https://github.com/w3c/manifest/issues/975#issuecomment-3417381952
You are receiving this because you are subscribed to this thread.

Message ID: <w3c/manifest/issues/975/3417381952@github.com>