More about this extension

WARNING! PLEASE READ! This extension is ***NOT*** a pretty UI for editing userstyles in the browser. It allows you to use .css files on your computer and edit them in your own text editor. If you are unsure if this is what you want, it probably isn’t.

Instructions on how to find your profile directory and where to save your styles to have been moved to the “Options” page of the extension. (There are no actual options.)
The whole thing is 10 lines of JavaScript, and will hopefully stay that way.
It used to be called simply “Userstyles”, but I thought I should more accurately reflect the fact that its appeal is limited to developer types.

Change Log:

- Look for __all__.css

Older Versions

  1. Version 0.1
    Compatible With
    Developer Builds (Linux)

    Use local files as per-host user stylesheets

    Change Log:

    None

  2. Version 0.2
    Compatible With

    Use local files as per-host user stylesheets

    Change Log:

    Inject at document_start

  3. Version 0.2
    Compatible With

    Use local files as per-host user stylesheets

    Change Log:

    Inject at document_start

  4. Version 0.2
    Compatible With
    Developer Builds
    Developer Builds (Linux)

    Use local files as per-host user stylesheets

    Change Log:

    Inject at document_start

  5. Version 1.0
    Compatible With

    Use local files as per-host user stylesheets

    Change Log:

    - Renamed the extension

    - Strips "www." from domain names
    - Add a stylesheet for the path as well as the domain

  6. Version 1.0
    Compatible With
    Developer Builds (Linux).Beta Builds
    Developer Builds

    Use local files as per-host user stylesheets

    Change Log:

    - Renamed the extension

    - Strips "www." from domain names
    - Add a stylesheet for the path as well as the domain

  7. Version 1.1
    Compatible With
    Developer Builds (Linux).Beta Builds

    Use local files as per-host user stylesheets

    Change Log:

    - New icons

    - Strip trailing slashes in pathname

Reviews

  1. ibud says:

    great extension!

  2. voythas says:

    Yaaaaay! We are now able to recreate Google Redesigned with these files:

    For Gmail:
    http://www.globexdesigns.com/products/gr/gmail/gmail.css

    For Google Calendar:
    http://www.globexdesigns.com/products/gr/gcal/gcal.css

    For Google Reader:
    http://www.globexdesigns.com/products/gr/greader/greader.css

    Gonna check this out now! :O :O

  3. Kabooka says:

    Could you kindly give a short walkthrough on how to use Userstyles form userstyles.org ….. or is it that im totally off the mark ?

  4. lemulot says:

    Sorry but your extension is unnecessary because UserScript are installed natively.

  5. Decklin Foster says:

    Kabooka: Userstyles.org appears to have the option to download as CSS if you say you’re using Opera(?!). If you just want to install styles from there, rather than writing your own, however, this may not be the right extension for you.

    lemulot: I wanted to write a large number of small styles and keep them in git. Converting each to a userscript and filling up my already-too-long extensions list was not appealing. If you prefer userscripts, by all means use that method.

  6. Decklin Foster says:

    Long: did you read what I wrote? I am aware of how you can convert userscripts to extensions, and I did not want to do that for every little set of rules. You can if you’d rather.

    I’m sure some people would prefer a little edit box in the options page, but this is very emphatically *not* that either. (If you want that, write it!) I like my Emacs. Please don’t put down other people’s work just because you don’t have a use for it.

  7. Angel says:

    Yeah it is good extension if people were like into rewriting there own Java scripts
    I admire you work much, thanks for this release

  8. Decklin Foster says:

    Angel: what do you mean? I *didn’t* want to write javascript each time (or feed CSS through a converter similar to the one userstyles.org uses); that’s why I made this.

  9. FrostyC says:

    Arrrrggghhhh! Where is the button to install? I want this so bad! I totally get what you’re saying Decklin! Apparently some of these people don’t understand that a Userstyle & Userscript are 2 different things!

    But for some reason there is no “add to chrome” button on this page! When I click the older versions one, it takes me to a 404 page. Damn I want this extension so bad!!!!

  10. Decklin Foster says:

    FrostyC: Sorry, the WordPress admin interface seems to hate me. I’m re-uploading it.

  11. FrostyC says:

    Got it now. Beautiful work! I’ve been waiting for an extension to do this. I tip my hat to you sir! 1 million thanks.

  12. Nico says:

    I was waiting for this too. Thanks a lot !! 🙂

  13. FrostyC says:

    hmmm… I was wondering how I make it work for just a section of a site… Or is this even possible yet?

    Example:
    I want a style to work on “google.com/reader/view”, but not on “google.com”. However, I can’t name a file “google.com/reader/view.css” because the /’s aren’t allowed in the file naming structure.

    Other than this little tiff, it’s working flawlessly.

  14. Bapabooiee says:

    How about adding some kind of a GUI-based front end to this extension — where a user could edit their styles in-browser?

    While yes, it’s only 4 lines of JavaScript, this could have potentially been a lot better.

  15. Decklin Foster says:

    FrostyC: I was actually thinking earlier about whether a hierarchical structure like that for styles/ would be feasible. I am worried about an explosion of “dead” LINK tags, though, since we would need to allow for one .css file (most of which probably wouldn’t exist…) at each level. I will look into whether or not I can test for the existence of a resource under chrome-extension://.

    The other direction is some sort of match list, rather than just grabbing for local files and seeing what comes up, but I think that is a road I’d rather not go down.

  16. Decklin Foster says:

    Bapabooiee: I think that would also be a great extension. Despite how trivial the code is, since other people are interested in such functionality as well, I’ve tossed it up on http://github.com/decklin/userstyles to make it easier to fork.

    As I mentioned above, I prefer my text editor, so I would not be interested in writing it myself.

  17. king says:

    How to define all of the pages css. Can only be defined one by one? I would like to enlarge to 150% of all pages。

  18. king says:

    Can the same as the stylish(firefox), write your own. The need for a UI interface.

  19. FrostyC says:

    There is now an extension available with a gui & uri match abilities.

    https://chrome.google.com/extensions/detail/pabfempgigicdjjlccdgnbmeggkbjdhd

  20. Decklin Foster says:

    king: I highly recommend this extension:

    https://chrome.google.com/extensions/detail/ocdkpkoaonnchdakgkmmcmnihhhgbjch

    for that over a stylesheet, as it can remember your zoom settings for each site separately.

  21. Decklin Foster says:

    All:

    With the latest version, the extension has been renamed. Hopefully this will give people a better idea of what it’s all about.

Write a Review

123