#QuickTips with Jacob

Helping you make the most of your iPhone, iPad and Mac

Noir #QuickTip

How to use Dark Mode on Every Website in Safari

7th August 2022

Jacob Woolcock


| |

Using Dark Mode is great, until you open up Safari and get nearly blinded by a bright white website! Well, with the Noir extension for Safari this is a problem you’ll never have to encounter again – because you can now make EVERY website work with Dark Mode. Here’s how it works…

All of my content is completely free to watch. However, to create these videos I require a steady stream of caffeine!

If you've found this #QuickTip helpful then please do consider buying me a coffee. Thank you.

Video Transcript

I love using Dark Mode especially, at night where there’s not much light around.

But one thing I hate is opening up a website link in Safari and suddenly having a really bright white screen that almost blinds me!

Well with this new App called Noir that will never happen again.

If I quickly jump into Safari and go into a couple of websites like Wikipedia or Google or eBay, and then flick into Dark Mode by using the Control Centre you’ll notice that the toolbar at the top of Safari goes darker but the web page itself – well it just stays the same!

And like I said earlier, a big white screen can be quite difficult at night time sometimes to look at.

So what we’ll do is we’ll jump onto the App Store and we’re going to search for the app called Noir.

Now this app is a paid app (it costs about £2.99) but I think it’s absolutely worth that.

When I open the app the first thing we’re going to do is get an introduction screen that tells us how we enabled Noir.

Now this is actually called a Safari Extension, which means it runs in the Safari browser on your iPad or your iPhone.

So we set it up in a slightly different way.

First of all let’s jump into Safari by pressing the open Safari button, and then we’re going to press the Extensions icon in the toolbar.

At the top of here we’re going to go to Manage Extensions and we’re going to turn on Noir.

Then we get a couple of pop-up messages…

First of all do we want to enable the extension for one day or always?

Well I want this to always be there so it’s obvious what I’m going to choose.

And then we get to choosing is going to apply to only one website or all websites?

I’ll tap onto Every Website and now Noir is set up.

We can test it by jumping back to Wikipedia, pulling down in Control Centre and then turning on Dark Mode.

As quickly as that the Wikipedia page now has a dark theme which it simply didn’t have before!

Jumping across to Google and eBay you’ll notice the same has happened there as well.

In fact any website you browse when your iPad’s in Dark Mode will now look much better and easier on the eyes.

But sometimes you may not want it to apply to a particular website (for instance maybe on eBay you don’t want the Dark Mode enabled).

It’s easy to customise this on a website-by-website basis.

Tap on that Extensions icon again and then go on to Noir.

From here you can then choose to turn off this feature on this particular website,

But there’s actually a bit more you can do as well, because Noir has different themes built in – not just Dark Mode!

If we jump into the app itself for a moment and then go on to the Themes Library you’ll see what I mean.

In here you can explore and play around with different theme options.

There’s one here in the library that I quite like called ‘Firewatch’.

When you go on there you get a preview of what that new effect will look like, so a kind of green/tealy colour and with some nice salmon orange links.

You can also change how the images display, whether or not they’re in grayscale or slightly opaque so the background colour shines through.

And then when you’re in Safari press that Extensions icon again and you can apply this to individual websites – which means I can then make Wikipedia look like this if I wanted to!

Or I could choose a theme that was perhaps easier on the eyes like maybe a Sepia one or if perhaps you’re colourblind or Dyslexic you might find an option that suits you here as well.

And that’s Noir for iPhone and iPad. It’s a great app and I definitely recommend you go and check it out.


Leave a Reply



Create Custom Shapes using SVGs in Keynote



2 months ago

iMessage Effects Tutorial: Turn Photos into Confetti Bursts!



4 months ago

How to Speed Up iPhone Videos with iMovie’s Retiming Feature



4 months ago

How to Set Up and Use Flighty Friends



4 months ago

Create an Animated Photo Sparkle Effect Video



5 months ago

How to Update Your Location in Find My App Using Emergency Satellite Mode

Find My


6 months ago