pwa guide: improve dark mode styling; better ios detection

Hunter
Thursday, July 31st, 2025 at 8:42 PM


pages/pwa/index.html+9-8
pages/pwa/index.html
122  		@media (prefers-color-scheme: dark) {
123  			body {
124  				background-color: #1a1a1a;
    -				color: #e0e0e0;
125 +				color: #ffffff;
126  			}
127  			
128  			h1, h2 {

376  				detectedOS = 'Linux';
377  			}
378  			
    -			// Detect Browser
    -			if (userAgent.includes('firefox')) {
379 +			// Detect Browser - iOS only allows PWA installation through Safari
380 +			if (detectedOS === 'iOS') {
381 +				// On iOS, all browsers use Safari's WebKit engine
382 +				// Only Safari can install PWAs, so always direct to Safari section
383 +				detectedBrowser = 'Safari';
384 +				targetSection = 'safari-ios';
385 +			} else if (userAgent.includes('firefox')) {
386  				detectedBrowser = 'Firefox';
387  				if (detectedOS === 'Android') {
388  					targetSection = 'firefox-android';

391  				}
392  			} else if (userAgent.includes('safari') && !userAgent.includes('chrome')) {
393  				detectedBrowser = 'Safari';
    -				if (detectedOS === 'iOS') {
    -					targetSection = 'safari-ios';
    -				} else {
    -					targetSection = 'safari-mac';
    -				}
394 +				targetSection = 'safari-mac';
395  			} else if (userAgent.includes('edg')) {
396  				detectedBrowser = 'Edge';
397  				targetSection = 'edge-windows';