« The Peace of the Grave | Main | It Was Twenty Years Ago Today »

October 10, 2005

Stylin'

By request, and with the help of A List Apart, this blog now supports two styles. If you look on the upper right, just below the flags, you will see a list that allows you to change from the normal light on dark style to a dark on light style, which some will hopefully find easier to read.

This is really rough at the moment, since it's the first alternate style I've implemented, so there hasn't been any time to work out the kinks. If you find pages that don't accept the style choices correctly, or any places where the colors are not right, please let me know and I'll get it fixed.

The steps to do this are:

  1. Download and install styleswitcher.js.
  2. Create a new index template in MT's admin interface, with an output file of styles-site-reversed.css, and copied from the current index template.
  3. In each template, change the default link from:

    <link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

    to

    <link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" title="Light on Dark" />

    This changes the stylesheet type from "persistent" to "preferred".
  4. Add an alternate stylesheet, by putting this line right after the one above:

    <link rel="alternate stylesheet" href="<$MTBlogURL$>styles-site-reversed.css" type="text/css" title="Dark on Light" />

    There can be more than one of these, but right now for this blog there's just one.
  5. Add in the switch code:

    <a href="#" onclick="setActiveStyleSheet('Light on Dark'); return false;">Use Light on Dark</a>
    <a href="#" onclick="setActiveStyleSheet('Dark on Light'); return false;">Use Dark on Light</a>
Posted by jeff at October 10, 2005 4:51 PM

Trackback Pings

TrackBack URL for this entry:
http://www.caerdroia.org/MT/mt-tb.cgi/528

Comments

I find the light writing-on-dark background restful to the eyes.

Posted by: Morenuancedthanyou at October 12, 2005 4:29 PM