macOS Safari overscroll color bugssurprises

“Overscroll” means the rubber banding effect when you scroll up or down past the edges of the document.

Tested with macOS Safari Version 16.1 (17614.2.9.1.13, 17614).

✅ background-color

🫤 background-image

✅ meta theme-color with background-color

❌ meta theme-color with background-image

🔧 gradient workaround

🔧 theme color workaround

🔧 theme color workaround, no-repeat (recommended)