Night Rider

Problem:

Approach:

Build an app or extension to convert sites into a night mode-friendly format.

Use readability to clean up the page template.

Apply a colouring scheme reducing the amount of light as much as possible without sacrificing legibility (see Obsidian for Vampires).

Keep it private, run everything client-side.

Process images so they generate as little light as possible but are still clear enough to see what they represent.

The browser chrome and the status bar still generates too much light. Hide it.

That's better:

Implementation

I can think of 3 approaches:

  1. as a bookmarklet (like Tidy Reader by Stephan Ango)
  2. as a cross-browser Web Extension, or
  3. as an app.

Mobile Safari doesn't support fullscreen mode unless opening websites added to the home screen, so there's no easy way to hide the UI from JS. This means that we can't use the bookmarklet or the Web Extension. That's a shame because a bookmarklet would take only minutes to spike!

Conclusion: write a small native app used mostly via the "Share to" button.

Other little details/nice-to-haves:

Why do this?

Why not?

Next steps:

Honestly, I'm not too convinced I should work on this, but writing down this stuff helped me organise my thoughts a bit.

If this little tool sounds useful to you, please let me know!

Want to receive my work as I publish it? Subscribe here.

a giant foot-shaped snail with a house on its back. the house is still in construction, with a big crane towering above it The image is a stylized black-and-white illustration. In the lower left corner, there is a small, cozy-looking house with smoke rising from its chimney. The smoke, however, does not dissipate into the air but instead forms a dark, looming cloud. Within the cloud, the silhouette of a large, menacing face is visible, with its eyes and nose peeking through the darkness. The creature, perhaps a cat, appears to be watching over the house ominously, creating a sense of foreboding or unease.