dotcss is two(2) things:
- A tiny web server that runs on your machine, serving CSS files
- A Chrome extension that fetches these CSS files and injects them based on their filename.
The files are requested on a per-page basics, based on the hostname. For
example, if you go to https://github.com,
~/.css/github.com.css would be injected into the page.
This makes it super simple and easy to change and improve the look of your favorite sites.
How it works
Chrome extensions can't access the filesystem, so dotcss runs a tiny web
server on port 1243 that serves files out of the
- OS X or Linux
- Ruby 1.8 or newer
- rake (
gem install rake)
- Chrome or Chromium
- on Linux:
exo-open(Can be found in exo-utils on Ubuntu. Required until Bug #378783 in xdg-utils is fixed.)
git clone http://github.com/stewart/dotcss.git cd dotcss rake install
Now open https://localhost:1243 in Chrome and follow these steps:
- Click the "X" Padlock icon in the address bar
- Click "Certificate Information"
- Drag the large cert icon to your desktop
- Open it with Keychain
- Configure its Trust section as shown: http://cl.ly/Pdny
Then, go grab the Chrome extension and have fun!
If you use Safari, @maman has a pretty cool extension you can use.
If you have multiple versions of Chrome installed, just install the extension in whichever one you fancy.
Attempting to run
rake install within a tmux session may fail with the following error:
Could not open job overrides database at: /private/var/db/launchd.db/com.apple.launchd/overrides.plist: 13: Permission denied launchctl: Error unloading: ca.stwrt.dotcss
To avoid this, quit tmux before installing dotcss.
- Chris Wanstrath for dotjs, which 90% of this is based on.