Skip to content

Instantly share code, notes, and snippets.

@mswieboda
Last active May 5, 2017 15:48
Show Gist options
  • Save mswieboda/0b95d96177f3f80fec61e6487c0ec647 to your computer and use it in GitHub Desktop.
Save mswieboda/0b95d96177f3f80fec61e6487c0ec647 to your computer and use it in GitHub Desktop.
OS X Dark Mode Everything 🕶️ 🏴

OS X Dark Mode Everything 🕶️ 🏴

OS X Dark Menu Bar and Dock

System Preferences > General > Use dark menu bar and Dock

See if your menu bar icons can be switched to black, so they appear white for dark menu bar, most apps have an option in settings.

Chrome Extensions

Chrome DevTools

Settings > Appearance > Theme > Dark

^^^ was previously unavailable, but DevTools has extensions, and there are themes:

React Chrome DevTools Extension

Dark theme for React Chrome extension

Slack

Inject CSS for custom styles Theming Slack for OSX

Sublime

Color Themes

UI Themes

Terminal/iTerm

Modify Terminal or iTerm profile and settings to go dark, or for zsh and more: -How to Customize Your Command Prompt -How to Get an Awesome Looking Terminal on Mac OS X

Alfred

Simple productivity search app for OS X, like a google search bar for applications, files, etc.

Get Alfred then make it dark:

Preferences > Appearance > Alfred macOS Dark

f.lux

Easier on your eyes at night, turns colors/brightness to optimum reading levels regardless of time of day. Also has cool "Dark Room" setting for film inverse and red look.

Get f.lux

OSX Inverse Colors

Too lazy for above stuff? Want to mess with your friends? Enable OS X inverse colors!

System Preferences > Accessiblity > Display > Invert Colors

And to enable Keyboard shortcut (I use ^ ⌥ ⌘ + 8):

System Preferences > Keyboard > Shortcuts > Invert Colors

Screenshot Example

Here's a screenshot of most of my Dark Modes: darkmodescreenshot

Fin

That's all, stay 🕶️ 🏴

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment