Technology
· 9 min readCSS Filter vs Dynamic Theme: Two Ways to Darken Websites
Compare full-page CSS filters with dynamic dark themes across first paint, color roles, images, video, live CSS, performance, and failure modes.
Technical Notes
How Safari dark mode extensions work
Engineering notes on Safari dark mode extensions: Manifest V3 architecture, native theme detection, dynamic CSS rendering, and media protection.
Safari extension engineering notes
Technology
· 11 min readHow a Safari App and Extension Share Per-Site Settings
Learn how a Safari app and web extension share global defaults and per-site settings through App Groups, native messaging, caching, and precedence.
Technology
· 9 min readHow a Safari Extension Detects Native Dark Mode
See how a Safari extension combines color-scheme declarations, site hints, computed surface sampling, timing, and user overrides to detect native dark mode.
Technology
· 9 min readHow Dark Mode Extensions Protect Images and Video
How Safari dark mode extensions preserve photos and video while adapting icons, SVG, posters, and CSS background images for dark surfaces.
Technology
· 10 min readHow Dynamic Dark Mode Rendering Rewrites a Web Page
Follow a dynamic dark mode renderer as it collects CSS, classifies color roles, resolves variables, generates overrides, and tracks live page changes.
Technology
· 11 min readHow Safari Dark Mode Extensions Work
Follow the Safari dark mode extension pipeline: permission, content scripts, native-theme detection, dynamic CSS rendering, media, and page updates.
Technology
· 8 min readSafari Web Extensions: Manifest V3 vs Manifest V2
Understand Manifest V3 and V2 in Safari Web Extensions: background lifecycle, permissions, scripting APIs, compatibility, and a production architecture.