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!

Get them delivered!

If you enjoyed this and want all the latest articles delivered to your inbox every month, pop your email in the form below.

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. Accessibility issues when removing list markers

    If we remove the list markers from an ordered or unordered list, we’re likely to run into some issues with VoiceOver.

  2. Custom unordered list markers, done right

    Did you know you can choose any icon you like for unordered/bulleted lists with a single line of CSS? Any Unicode character; no hacky CSS!