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

> Just for clarity, are you pursuing your ImageResource proposal in parallel?

100% yes. I totally forsee what you’ve outlined happening and it makes me itchy. I would like to see icons be able to adapt on their own and for that feature to land alongside this one to avoid the situation you’ve outlined. Ideally, icons would only need to be swapped out if their is some language-specific component to them.

<hr> 

I know this is only tangentially-related to the this issue, but I wonder what y’all might think about adding a unique `id` to complex structures in the manifest (e.g., shortcuts) in order to allow them to be referenced for redefinition of specific properties within as opposed ot the whole structure. So in the case of @tomayac’s second example, [above](#issuecomment-867512145), we could swap individual keys like this:

```json
{
 "name": "My super cool app",
 "theme_color": "#ff9900",
 "background_color": "#ebebeb",
 "shortcuts": [{
                "id": "shortcut-1",
  "name": "Play",
  "short_name": "Play",
  "description": "Play the list of podcasts",
  "url": "/play?utm_source=homescreen",
  "icons": [{
   "src": "/icons/play-light.png",
   "sizes": "192x192"
  }]
 }],
 "icons": [{
  "src": "light.png",
  "type": "image/png",
  "sizes": "512x512"
 }],
 "user_preferences": [{
  "context": "(prefers-color-scheme: dark)",
  "redefine": {
   "theme_color": "#bdbdbd",
   "background_color": "#000000"
  }
 }],
 "translations": [{
  "context": "de",
  "redefine": {
   "name": "Meine super coole App",
   "shortcuts": [{
    "id": "shortcut-1",
    "short_name": "Abspielen",
    "description": "Spiel die Podcast-Liste"
   }]
  }
 }]
}
```

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