13

I am looking for a Safari extension that allows me to change any CSS on any website.

The things I want to do is change the white background to black and the black text to white, I also want the links to be green.

Is there a extension that allows me to do this?

This is the OS X safari and not iOS.

I have looked at this one but don't know how to use it.

Thanks

1 Answer 1

21

You don’t even need an extension; Safari has a built in setting in the advanced settings to use a custom CSS for all webpages:

Safari settings

You need to create your own CSS file, but that’s a completely different beast. Something that will work nice on some pages might not on others, but I’d create a file named whatever.css and have it contain something like this:

* {
    color: #ffffff !important;
    background: #000000 !important;
}
a {
    color: #00ff00 !important;
}

and then load it into Safari via the preferences. To reload any changes to the CSS while Safari is open, you need to select None Selected and then re-select your custom file.

You’ll probably find lots of people on the web that have put lots of effort into similar CSS files. Good luck!

Result

9
  • 3
    Thanks, Can I make different CSS styles for different websites and pages using this method? Also is there a way how to change all elements apart from one? (Such as the toolbar on AD)
    – iProgram
    Commented Mar 15, 2015 at 17:43
  • I don’t know. Unless there’s some way to do it using CSS syntax that I’m not aware of, I don’t think so. That would be the caveat. You could have several CSS files and switch between them for different pages, I guess…
    – user118108
    Commented Mar 15, 2015 at 17:48
  • 1
    I did not know you could use wildcard * {} cheers
    – markhunte
    Commented Mar 15, 2015 at 19:17
  • 1
    User CSS will do per-website CSS. The extension is a little bit dated, but works for the version 8 and 9 of Safari. Commented Oct 7, 2015 at 21:03
  • 1
    Awesome! Nowadays you need something like Cascadea (cascadea.app) to apply site-specific CSS for Safari (or Stylus, or Stylish, etc.). Commented Apr 16, 2020 at 19:19

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .