I'm currently limping by with GreaseMonkey, but I don't like how the original css gets loaded, and then the new loads on, causing the flash of unslightly style change.
So here's what I'm looking for:
Some websites have really atrocious color schemes. And that's a pity, because they have quite good XHTML. (::cough:: PHPPatterns ::cough::) Now, this makes it a pain to read, so why can't I override their stylesheet with one much nicer on the eyes?
GreaseMonkey is way too powerful a tool for me: the application of arbitrary JavaScript after a page is loading: one, is totally unnecessary, and two, causes the flash of badly styled content.
So, ideally, the extension would load the stylesheet for all the pages of a website, and use that to override all of the supplied styles. A slightly less ideal solution would be to simply disable styling for certain websites (you know it's gotten bad when the unstyled page looks better than the styled one).
Unfortunantely, I don't know how to concisely express this is a few words. Anyone know of a FireFox extension that does this?
Firefox Extension for adding CSS?
Moderator: General Moderators
- Ambush Commander
- DevNet Master
- Posts: 3698
- Joined: Mon Oct 25, 2004 9:29 pm
- Location: New Jersey, US
What you really want is user-applied stylesheets.
I know Opera does it really well, but I've never looked into the same for Firefox.
In a nutshell, it simply replaces the site's CSS with yours. Much easier than writing a Greasemonkey script.
Sorry I couldnt help more, but maybe that will put you on the right path..
I know Opera does it really well, but I've never looked into the same for Firefox.
In a nutshell, it simply replaces the site's CSS with yours. Much easier than writing a Greasemonkey script.
Sorry I couldnt help more, but maybe that will put you on the right path..
-
Charles256
- DevNet Resident
- Posts: 1375
- Joined: Fri Sep 16, 2005 9:06 pm
- Ambush Commander
- DevNet Master
- Posts: 3698
- Joined: Mon Oct 25, 2004 9:29 pm
- Location: New Jersey, US
-
RobertPaul
- Forum Contributor
- Posts: 122
- Joined: Sun Sep 18, 2005 8:54 pm
- Location: OCNY
You want ChromEdit. Add your desired CSS to your userContent.css file. Unfortunately there are a couple 'gotchas:'
1) Unless the site has a unique id for the body i.e. (<body id="website">), you risk affecting other sites. Per-site userContent isn't available until Firefox 1.5 (though rumors say it should be out today or tomorrow).
2) Each attribute needs an !important after it. i.e. background-color: white !important;
Other than that, it's seamless.
There's got to be a way to do it via an extension (an XUL Overlay of some sort, I would think) but I've yet to figure it out.
1) Unless the site has a unique id for the body i.e. (<body id="website">), you risk affecting other sites. Per-site userContent isn't available until Firefox 1.5 (though rumors say it should be out today or tomorrow).
2) Each attribute needs an !important after it. i.e. background-color: white !important;
Other than that, it's seamless.
There's got to be a way to do it via an extension (an XUL Overlay of some sort, I would think) but I've yet to figure it out.