THIS WEEK'S SPONSOR:

Kolide

The fleet visibility solution for Mac, Windows, and Linux that can help you securely scale your business


Safari Extension Noir Adds Theming and Deeper Keyboard Shortcut Support

Last year, we awarded Noir Best New App of 2021 as part of the MacStories Selects Awards. Jeffrey Kuiken’s Safari extension for the iPhone, iPad, and Mac, which can apply a custom dark mode to websites that don’t offer their own, is a fantastic example of an app that implements a new technology – the native Safari extensions introduced with iOS and iPadOS 15 and earlier on the Mac – in a way that is simple to use but also provides advanced customization for users who want that. Noir immediately became a MacStories favorite on launch, and it remains an app that I rely on every day.

The latest update to Noir takes the app’s original concept a step further with new theming options, theme sharing, and extensive keyboard shortcut support. It’s an excellent update that anyone who likes to tweak the colors used in their apps will appreciate. Let’s take a closer look.

The New York Times' Travel section in Noir's Blood Orange theme.

The New York Times’ Travel section in Noir’s Blood Orange theme.

The centerpiece of Noir’s latest updates is its substantial expansion of the app’s library of pre-made themes and the ability to create your own. The app now has a library of more than 20 themes that are accessed from the Theme section in each version of the app. The top of the section includes your active themes, followed by buttons to create a new theme or browse the library of pre-built themes.

Picking themes from Noir's theme library.

Picking themes from Noir’s theme library.

The pre-built themes are organized into collections like ‘Six Colors,’ ‘Editor’s Themes,’ and ‘Moody.’ The icon next to each theme provides an idea of what the theme will look like, and selecting a theme adds it to your list of installed themes. Once installed, you can open any theme for a preview of what it will look like in practice, followed by controls to pick background and text colors, adjust image brightness and apply a grayscale filter. Every theme can be edited, and if you don’t like the changes, you can also reset it to its original look.

You can edit existing themes or build them from scratch.

You can edit existing themes or build them from scratch.

Building your own themes works just like editing an existing theme. The theme editor starts with white text on a black background. Selecting the background or text colors in the editor opens the system color picker, allowing you to pick whatever color you’d like to use for the background and text. You can also adjust the brightness and add a grayscale filter for website images. Give your theme a name, and it will appear alongside any of the other themes you’ve added to the app. Themes sync via iCloud, too, so they’re available wherever you’ve installed the app.

Themes can be shared with the share button that generates a URL defining the name, colors, and other parameters you picked for your theme that looks like this: https://getnoir.app/theme?name=John%E2%80%99s%20Theme&bg=182530&text=DBB745&imageBrightness=0.93.

Noir's keyboard shortcut options.

Noir’s keyboard shortcut options.

Noir’s keyboard shortcut support for the iPad and Mac has been expanded too. Global keyboard shortcuts allow you to define a combination of keys to change the app’s default status among Auto, On, Off, and Default and cycle among your themes. Keyboard shortcuts can also be defined that operate on a per-website basis to set the app’s status and theme, disable Noir until the next day, and ignore any built-in dark mode the app detects on a website. I had some trouble assigning multiple modifier keys to a keyboard shortcut on the Mac, but the process worked smoothly on the iPad.

I’m pretty picky about my dark theme colors, which makes Noir’s update perfect for me. The app has a lot of good pre-defined choices, but the first thing I did when I tried the latest update was to use the system color picker’s eyedropper tool to create a theme with the same color scheme I use to write in Obsidian. It’s nothing fancy – just a dark gray background with light gray text, but I like the level of contrast for writing in dark mode, and now, I’ve got the same familiar look for reading in bed at night, which is great. Noir was already one of my favorite Safari extensions, but it’s even better now, so if you haven’t given it a try, I highly recommend downloading it from the App Store.

Noir is available for the iPhone and iPad on the App Store for $2.99 and separately on the Mac App Store for $2.99.

Unlock More with Club MacStories

Founded in 2015, Club MacStories has delivered exclusive content every week for over six years.

In that time, members have enjoyed nearly 400 weekly and monthly newsletters packed with more of your favorite MacStories writing as well as Club-only podcasts, eBooks, discounts on apps, icons, and services. Join today, and you’ll get everything new that we publish every week, plus access to our entire archive of back issues and downloadable perks.

The Club expanded in 2021 with Club MacStories+ and Club Premier. Club MacStories+ members enjoy even more exclusive stories, a vibrant Discord community, a rotating roster of app discounts, and more. And, with Club Premier, you get everything we offer at every Club level plus an extended, ad-free version of our podcast AppStories that is delivered early each week in high-bitrate audio.

Choose the Club plan that’s right for you:

  • Club MacStories: Weekly and monthly newsletters via email and the web that are brimming with app collections, tips, automation workflows, longform writing, a Club-only podcast, periodic giveaways, and more;
  • Club MacStories+: Everything that Club MacStories offers, plus exclusive content like Federico’s Automation Academy and John’s Macintosh Desktop Experience, a powerful web app for searching and exploring over 6 years of content and creating custom RSS feeds of Club content, an active Discord community, and a rotating collection of discounts, and more;
  • Club Premier: Everything in from our other plans and AppStories+, an extended version of our flagship podcast that’s delivered early, ad-free, and in high-bitrate audio.