Jump to content

Dark mode in Safari with css file


mrfragger

Recommended Posts

mrfragger

I know Firefox and chrome have dark mode but Safari just lags way behind.  A couple paid options exist. Best one I found is to use a css file.  After experimenting with many versions over past few months this is the css file I use in Safari for dark mode.  If it blocks like a PDF from displaying temporarily disable it by toggling it on/off with CMD + , (comma) and in Advanced options just choose None.

 

* { color: #BCC6CC !important; background-color: #0C090A !important; background: #0C090A; }
a:link { color: #7A5DC7 !important; }
a:visited { color: #CA226B !important; }
a:hover { color: #C48793 !important; }
img { filter: grayscale(40%); }

Save this as a plaintext file and name it like SafariDarkMode.css

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...