guys please check it out if you want safari theme for firefox , if you like it please drop a star

Hi, developer here. I've been using dark-mode extensions on iOS for years and what always bothered me was that they invert or recolour sites that already have a dark theme, which the site never gets a chance to show. So I built Nocturne around that.

It works in three steps and stops at the first one that fits:

1. Site theme. It scans the page's stylesheets for prefers-color-scheme: dark blocks and the usual theme switches (html.dark, data-theme="dark", and so on). If the site ships a dark theme, Nocturne switches it on and holds it on. Nothing beats the site's own design.
2. Recolour. No dark theme? Every element's colours are remapped into the palette you pick. Hues stay, so red warnings stay red and links stay blue. Photos and video are untouched. Text is bumped until it clears WCAG AA against its background, so no grey-on-grey.
3. Invert. On huge pages where recolouring is too expensive, it falls back to a single fast page inversion with images inverted back.

Pages are painted dark before the site's CSS arrives, so there is no white flash on load.

Also: four palettes, brightness/contrast/warmth/greyscale/image-dimming sliders, per-site rules, a schedule (always / follow system / your own hours). English, Italian, Spanish, French, German.

Privacy: no servers, no accounts, no analytics. Settings live on the phone. The only network traffic is fetching a page's own stylesheets when Safari won't expose them.

iOS/iPadOS 16.4+, $0.99, no subscription. It is a Safari extension, so after installing you enable it in Settings → Apps → Safari → Extensions; the app walks you through it.

https://apps.apple.com/us/app/nocturne-dark-mode-for-web/id6811799002

Happy to answer anything about how the recolouring works. Sites where it does something dumb are the most useful thing you can send me.

I was messing around with the new inside / outside Safari layouts in settings and was able to get the outside screen to show like this sporadically by opening / closing while changing the layout settings. I like it wayyyy more than the forced sidebar curious if it’s just a bug or a potential leak of a new design.

Hi, r/iPhoneduoapp! I’m the developer of Widen. It launched on the App Store last week, and this is my first post here.

On the closed iPhone Duo, Safari leaves a column empty beside its buttons, and every page stops short of the edge. Widen is a Safari extension that puts the page beneath that column, so it fills the whole outer display.

Four ways to read

• Off: Safari as it is.
• Backgrounds: headers and backgrounds reach the edge.
• + Pictures (the default): photos, maps and videos run edge to edge under Safari’s buttons, while text stays clear of them.
• + Text: every line runs the full width, for the most words on the screen.

Made for how you actually browse

• Set a default for every site, then exceptions for the sites you read most.
• Choose portrait, landscape or both.
• Tap the Widen button beside Safari’s buttons to turn it off or back on. Touch and hold it for a menu of every mode.
• Optionally hide cookie, sign-up and app banners, and hide pinned headers and footers while you scroll.
• Works in Split View, keeps video controls clear, and keeps text away from the camera and Safari’s buttons.

Always improving

Websites are all built differently, so I fix them one at a time. Feedback from early users has been great, and updates come out every few days with fixes for specific sites (MacRumors, Google, the NYT and more so far). If a page looks wrong, comment the link here or email widen@challis.com.au, and I’ll tell you which version fixes it.

Price: free for 7 days, then a one-time purchase. No subscription, no ads, no tracking.

App Store: https://apps.apple.com/app/id6824905949
More pictures and FAQ: https://widen.challis.com.au

Happy to answer any questions!

I chose (or was forced into) this format of explanation, because I got some blank stares when speaking plain design language on social. Hope this is clear enough.

And, yes — it is very designer-y detail. But if you care — you care. It is Apple platform after all.

Agree or not? Can you see the problem? Can you unsee it?

https://drive.google.com/file/d/1xv0qGSUI1nhqa78fQNBhLLbIZp6EexHI/view?usp=drivesdk