My Personal GMail Dark Mode

I switched about a month ago to use dark mode on my Mac and iPhone. It’s been a great experience, except for using GMail on the web. The GMail iOS app has a beutiful dark icon, and a great dark mode UI.

GMail on the web… does not. Other Google websites (Drive, Calendar, etc) have a working dark mode. I don’t understand why GMail does not.

I solved it by:

Installing the Userscripts Safari extensions, my current browser of choice.
Adding a custom CSS style:

/* ==UserStyle==
@name        Gmail Dark Mode
@description Quick Hack for Gmail Dark mode
@match       https://mail.google.com/*
==/UserStyle== */
@media (prefers-color-scheme: dark) {
  html {
    filter: invert(90%) hue-rotate(180deg);
  }

  iframe, video, img {
    filter: invert(90%) hue-rotate(-180deg);
  }
}

Of course, it’s not as polished as the iOS GMail dark UI, but it does the trick!