Description
Command
add
Description
When running ng add @angular/pwa to set up the Angular service worker, Angular CLI automatically adds a <meta name="theme-color" content="#1976d2"> tag to index.html.
The choice of this specific color (#1976d2) seems pointless. Is there a particular reason for this default?
Additionally, this behavior feels inconsistent with Angular CLI's typical approach of generating neutral templates. For instance, the CLI doesn't set a default lang attribute in HTML and expect developers to modify it; instead, it leaves this tag unset by default.
Describe the solution you'd like
I’d suggest one of the following:
- Remove the default
<meta name="theme-color">from the schematic. - Replace the color with a neutral default.
- Make the additional option via a prompt when running
ng add @angular/pwa.
Describe alternatives you've considered
Developers can manually change or remove the tag when reviewing changes or after noticing unexpected UI coloring.
However, since theme-color affects the browser UI rather than visible page elements, it can be difficult for less experienced developers to pick the color and trace its source.