Intent to Prototype: Dark mode support for web apps

Louise Brett

unread,

Nov 19, 2021, 1:51:05 AM11/19/21

to Matt Giuca, gle...@chromium.org, blin...@chromium.org

Contact emails

loub...@google.com, gle...@chromium.org, mgi...@chromium.org

Explainer

None yet

Specification

Summary

Add a field to the web app manifest which allows apps to specify a different theme color and background color for dark mode.

Blink component

Blink

Motivation

Currently in the web app manifest, only a single theme color and background color can be defined. This means there is no way for apps to specify a different color to use for dark mode.

Initial public proposal

https://github.com/w3c/manifest/issues/975

TAG review

TAG review status

Pending

Risks

Interoperability and Compatibility

Gecko: No signal

WebKit: No signal

Web developers: No signals

Other signals:

Debuggability

Is this feature fully tested by web-platform-tests?

No

Flag name

Requires code in //chrome?

True

Tracking bug

https://bugs.chromium.org/p/chromium/issues/detail?id=1271804

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://www.chromestatus.com/feature/5714780426862592

This intent message was generated by Chrome Platform Status.

Mathias Bynens

unread,

Nov 19, 2021, 2:12:37 AM11/19/21

to Louise Brett, Matt Giuca, gle...@chromium.org, blin...@chromium.org, Changhao Han, jo...@chromium.org

On Fri, Nov 19, 2021 at 7:51 AM 'Louise Brett' via blink-dev <blin...@chromium.org> wrote:

Contact emails
loub...@google.com, gle...@chromium.org, mgi...@chromium.org

Explainer
None yet

Specification

Summary
Add a field to the web app manifest which allows apps to specify a different theme color and background color for dark mode.

Blink component
Blink

Motivation
Currently in the web app manifest, only a single theme color and background color can be defined. This means there is no way for apps to specify a different color to use for dark mode.

Initial public proposal
https://github.com/w3c/manifest/issues/975

TAG review

TAG review status
Pending

Risks

Interoperability and Compatibility

Gecko: No signal

WebKit: No signal

Web developers: No signals

Other signals:

Debuggability

Please don’t leave this field empty. There’s some guidance over here, in case it helps: https://goo.gle/devtools-checklist

E.g. DevTools already supports emulating prefers-color-scheme: light/dark — I wonder if that feature should also toggle these proposed theme color changes. WDYT?

Is this feature fully tested by web-platform-tests?
No

Flag name

Requires code in //chrome?
True

Tracking bug
https://bugs.chromium.org/p/chromium/issues/detail?id=1271804

Estimated milestones
No milestones specified

Link to entry on the Chrome Platform Status
https://www.chromestatus.com/feature/5714780426862592

This intent message was generated by Chrome Platform Status.

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CABeVxY1swtsg67o4203CmsAAWfs7vYXthMUWsxbGUe40d-4%3DrA%40mail.gmail.com.

Thomas Steiner

unread,

Nov 19, 2021, 2:44:17 AM11/19/21

to Louise Brett, Matt Giuca, blin...@chromium.org, gle...@chromium.org

On Fri 19. Nov 2021 at 07:51 'Louise Brett' via blink-dev <blin...@chromium.org> wrote:

Contact emails
loub...@google.com, gle...@chromium.org, mgi...@chromium.org

Explainer
None yet

Specification

Summary
Add a field to the web app manifest which allows apps to specify a different theme color and background color for dark mode.

Blink component
Blink

Motivation
Currently in the web app manifest, only a single theme color and background color can be defined. This means there is no way for apps to specify a different color to use for dark mode.

Initial public proposal
https://github.com/w3c/manifest/issues/975

There are a lot of proposals that were discussed in this Issue. Which one are you planning on going with? Do we have consensus on one?

TAG review

TAG review status
Pending

Risks

Interoperability and Compatibility

Gecko: No signal

WebKit: No signal

Web developers: No signals

Based on the engaged discussion in the present linked above and earlier Issues I think it’s fair to say Web developers want this.

Other signals:

Debuggability

Is this feature fully tested by web-platform-tests?
No

Flag name

Requires code in //chrome?
True

Tracking bug
https://bugs.chromium.org/p/chromium/issues/detail?id=1271804

Estimated milestones
No milestones specified

Link to entry on the Chrome Platform Status
https://www.chromestatus.com/feature/5714780426862592

This intent message was generated by Chrome Platform Status.

--

You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CABeVxY1swtsg67o4203CmsAAWfs7vYXthMUWsxbGUe40d-4%3DrA%40mail.gmail.com.

--

Thomas Steiner, PhD—Developer Advocate (https://blog.tomayac.com, https://twitter.com/tomayac)

Google Germany GmbH, ABC-Str. 19, 20354 Hamburg, Germany
Geschäftsführer: Paul Manicle, Halimah DeLaine Prado
Registergericht und -nummer: Hamburg, HRB 86891

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v2.3.2 (GNU/Linux)

iFy0uwAntT0bE3xtRa5AfeCheCkthAtTh3reSabiGbl0ck0fjumBl3DCharaCTersAttH3b0ttom.hTtPs://xKcd.cOm/1181/
-----END PGP SIGNATURE-----

Louise Brett

unread,

Nov 22, 2021, 1:39:10 AM11/22/21

to blink-dev, Thomas Steiner, Matt Giuca, blin...@chromium.org, gle...@chromium.org, Louise Brett

> Please don’t leave this field empty. There’s some guidance over here, in case it helps: https://goo.gle/devtools-checklist

Thanks for the links, I’ll make sure to fill this in for the next intent email. Since this is adding to the manifest, the DevTools Application tab and chrome://web-app-internals can be used for debugging.

> E.g. DevTools already supports emulating prefers-color-scheme: light/dark — I wonder if that feature should also toggle these proposed theme color changes. WDYT?

Hmm, that’s interesting. My initial thought is that may be confusing if it changes more than the CSS, but I’m open to hearing others opinions.

> There are a lot of proposals that were discussed in this Issue. Which one are you planning on going with? Do we have consensus on one?

The current proposal is this one: https://github.com/w3c/manifest/issues/975#issuecomment-960222756, it matches the current translations proposal.

Thomas Steiner

unread,

Nov 22, 2021, 3:40:32 AM11/22/21

to Louise Brett, blink-dev, Thomas Steiner, Matt Giuca, gle...@chromium.org

> There are a lot of proposals that were discussed in this Issue. Which one are you planning on going with? Do we have consensus on one?
The current proposal is this one: https://github.com/w3c/manifest/issues/975#issuecomment-960222756, it matches the current translations proposal.

Thanks for the clarification, this is also what Aaron has published on his blog. I can certainly live with this solution.

Reply all

Reply to author

Forward