Hacker News Reader

Comment by bencevans | Hacker News Reader

What tool/extension is being used to apply the custom stylesheets?

I just tried Stylish add-on for Firefox. Works great except I can't seem to figure out a way to make custom styles work for only a specific page. Maybe I'm missing something but there doesn't seem to be a way.

For example if you have .margin-width CSS class defined it will work on any page that has .margin-width CSS class, not just desired page (like Facebook).

You can use @-moz-document, I’m using this with dotjs for Firefox https://github.com/rlr/dotjs-addon#css

As bpierre said @-moz-document rule, which I just discovered has actually been unprefixed since Fx6.

Here's the MDN page detailing it and the various functions:

https://developer.mozilla.org/en-US/docs/CSS/@document

So @document means you can bypass the addon and just use the user stylesheet to implement the same thing. Didn't know about @document.

You can see the Stylish icon in the poster's screenshots.

https://chrome.google.com/webstore/detail/stylish/fjnbnpbmke...

On Ubuntu & Co, you can copy it in your global custom stylesheet:

Chromium: ~/.config/chromium/Default/User\ StyleSheets/Custom.css

Chrome: ~/.config/google-chrome/Default/User\ StyleSheets/Custom.css Other browsers: Don’t know

You could try dotcss: https://github.com/stewart/dotcss

This repo appears to be outdated. I forked it and submitted an extension to the Chrome store so you can use it with the latest version. https://github.com/marksands/dotcss

Stylebot perhaps?

https://chrome.google.com/webstore/detail/stylebot/oiaejidbm...

This question _should_ be answered on the given site.

I know I could Google to find out, but what about the general Facebook user? They won't know what CSS is.

Is there a way to get any of these working on an Android web browser?

Not in the default one or in chrome. Firefox however supports the Stylish extension.

I'm using Stylebot.

Reply on news.ycombinator.com