Stylish

Stylish, a Firefox extension by Jason Barnabe, lets you manage CSS rules to change the appearance of web sites.

Stylish is to CSS what Greasemonkey is to JavaScript. Stylish allows you to easily manage user styles for the application UI, all websites, or only certain websites. Stylish is better than using userChrome.css/userContent.css because styles are applied immediately instead of requiring a restart.

Some Greasemonkey scripts only add stylesheets. These scripts would work better as user stylesheet additions, because user style rules are applied immediately rather than only after the page finishes loading. Stylish makes it as easy to add a user stylesheet as it is to install Greasemonkey scripts.

You can use it with pre-written user style rules such as my examples or you can write your own as you use the extension. The test styles bookmarklet, which lets you experiment with added CSS rules, complements Stylish well.

Update 2005-02-11: Updated link to point to userstyles.org/stylish instead of the extension's forum thread.

3 Responses to “Stylish”

  1. Jason Barnabe Says:

    Thanks for the shoutout. A couple notes:

    -Stylish isn’t Firefox only – it works with Thunderbird
    (though of limited usefulness) and Flock too.
    -Adding a style from your examples page is as easy as selecting the code, right clicking, and clicking “Add Selection to Stylish…”.
    -Stylish also provides a simple interface to creating per-site rules.

  2. Jim Says:

    Here’s one I’ve been using:

    font[face] {
    font-family: inherit !important;
    }

    font[size] {
    font-size: 100% !important;
    }

    font[color] {
    color: inherit !important;
    }

    Isn’t it about time the font element type died already?

  3. No Title » Blog Archive » Take Back the Web with Stylish Says:

    […] Jesse Rudderman […]