表示・デザイン

PWAの背景が真っ黒や真っ白になるのはなぜですか?

回答

ページのCSS、端末のダークモード、Manifestのbackground_colorやtheme_colorが揃っていない可能性があります。

background_colorは主にページ描画前の背景として使われ、実際に表示された後の背景はCSSで決まります。両方へ意図した色を設定してください。

color-schemeやprefers-color-schemeを使っている場合は、ホーム画面起動時にも同じテーマ判定になるか確認します。

← よくある質問へ戻る