improve PWA feel on iOS: offline fallback, overscroll, tap feedback, dark status bar, apple touch icon

Add offline.html served by the service worker when a never-visited route is requested without network. Disable rubber-band overscroll bounce and gray tap highlights so standalone mode feels less like a webview. Split theme-color by prefers-color-scheme so the iOS status bar matches dark mode, and add a proper 180x180 apple-touch-icon instead of downscaling the 192px icon.
2026-07-20 15:34:19 +09:00
parent d212451fe0
commit 4a7ef5cc29
6 changed files with 38 additions and 3 deletions
@@ -43,6 +43,8 @@ def main() -> None:
    draw_icon(512).save(OUT_DIR / "icon-512.png")
    # 배경이 전체를 채우고 체크마크가 중앙 58%에만 있어 마스커블 세이프존(중앙 80%)을 만족한다.
    draw_icon(512).save(OUT_DIR / "icon-maskable-512.png")
+    # iOS apple-touch-icon 권장 사이즈(180x180) — 192px를 그대로 쓰면 iOS가 다운스케일한다.
+    draw_icon(180).save(OUT_DIR / "icon-apple-180.png")
    print(f"generated icons in {OUT_DIR}")