Skip to main content

Choosing Dark Mode on macOS

Posted in Apple and Design

It’s nice to dust the cobwebs off with a user interface overhaul every now and then. iOS 7 (which was admittedly more than a superficial change), macOS Yosemite (which modernised the long-standing Aqua theme), even a fresh Sublime Text theme every now and then; I’m a sucker for a look-and-feel overhaul!

So when macOS Mojave was released late last year I wanted to try Dark Mode right away.

As a developer I’m used to working in apps with a dark background—I’ve used a dark theme in my text editor for as long as I can remember and terminal comes with a default white text on a black background—but it still felt a bit disorienting when the whole operating system was dark.

In fact, I think I might have quickly abandoned it in favour of the familiar light grey UI ‘chrome’ but for one thing: the menu bar.

Yosemite introduced the dark menu bar and I’ve always preferred it. Mainly because I use a MacBook Pro which has a black bezel around the screen, and the black menu bar felt right as it felt more like a part of the hardware than the app being used. This separation made sense to me as the battery percentage, date and time, wifi icon, etc. aren’t part of the app you’re using – they’re system-wide. Also, having the app name and its menu items up there felt more distinct from the rest of the UI, making it easier to know which of the many apps I’m normally running currently had focus.

I’ve since found out there’s a way to run the light theme with a dark menu bar:

  1. Go to System Preferences → General → Appearance
  2. Choose ‘Light’
  3. Go to Terminal and run defaults write -g NSRequiresAquaSystemAppearance -bool Yes
  4. Log out of your user account
  5. Log back into your user account
  6. Go to System Preferences → General → Appearance
  7. Choose ‘Dark’

But I’m glad I didn’t know about that hack. I don’t have the distinction between the menu bar and the apps I’m running, but I quickly got used to Dark Mode and, as more and more third party apps and even websites add support, adding more consistency, it feels good to have a choice!

Accessibility in your inbox

I send an accessibility-centric newsletter on the last day of every month, containing:

  • A roundup of the articles I’ve posted
  • A hot pick from my archives
  • Some interesting posts from around the web

I don’t collect any data on when, where or if people open the emails I send them. Your email will only be used to send you newsletters and will never be passed on. You can unsubscribe at any time.

More posts

Here are a couple more posts for you to enjoy. If that’s not enough, have a look at the full list.

  1. Images as the first thing in a button or link

    If the text of an interactive element like a button or link is preceded with an accessible image, we’ve probably got an accessibility problem.

  2. Alt text for CSS generated content

    There’s an interesting feature in Safari 17.4 that allows content added with CSS to have ‘alt’ text. I’m not sure how I feel about this.