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

christianliebel left a comment (w3c/manifest#975)

We discussed this again during our editors’ meeting today.

@carlosjeurissen We can’t reuse/adjust the `icons` property, as this is already shipped and would break existing implementations/backwards compatibility. The property would likely be ignored, potentially leading legacy user agents to use icons intended for another language or color scheme.

We would use `color_scheme_dark` property name. From the spec side, we would have to introduce the concept of "themeable members." The `color_scheme_dark` property can be used on the level where the themeable members are placed (i.e., on root and on the shortcut item level). 

Example:

```json
{ 
  "lang": "de",
  "name": "Coole App",
  "name_localized": { "en": "Cool App" },
  "background_color": "#fff",
  "theme_color": "red",
  "shortcuts": [{
    "name": "Cooler Shortcut",
    "name_localized": { "en": "Cool Shortcut" },
    "url": "/",
    "icons": [{ "src": "a2.png" }],
    "icons_localized": { "en": [{ "src": "b2.png" }] },
    "color_scheme_dark": {
      "icons": [{ "src": "c2.png" }],
      "icons_localized": { "en": [{ "src": "d2.png" }] }
    }
  }],
  "icons": [{ "src": "a.png" }],
  "icons_localized": { "en": [{ "src": "b.png" }] },
  "color_scheme_dark": {
    "background_color": "#000",
    "theme_color": "hotpink"
    "icons": [{ "src": "c.png" }],
    "icons_localized": { "en": [{ "src": "d.png" }] }
  }
}
```

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

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