Style switching with WordPress themes is very easy with a js file, a second stylesheet and some new images.
It’s not restricted to link colours only, the possibilities are even: a complete different layout can be achieved too.
Of course the basic id’s and classes has to be used: the core php files (e.g. single.php) remains the same,
just apply a new style to the id’s, see the example:
Spotted the difference?
What you need:
Upload the style swich file to your themes js folder
Copy your basic theme stylesheet and rename it to style2
Insert the js call in your header:
REMOVE THE SPACES
Insert the two stylesheet calls in your header:
< link rel = " stylesheet " href = " < ? php bloginfo ( ' stylesheet _ url ' ) ; ? > " type = " text / css " title = " default " media = " screen " / >
< link rel = " alternate stylesheet " type = " text / css " media = " screen " title = " style2 " href = " < ? php bloginfo ( ' stylesheet _ directory ' ) ; ? > / style2 . css " / >REMOVE THE SPACES
Note the difference between the title “default” for your basic stylesheet and the second title “style2”.
Vary your basic stylesheet by applying new rules to the id’s and classes.
Upload new images to your themes image folder (if needed)
Insert the script call at an appropriate place:
Voila, there you go.
Further reading and explanation:
Another HowTo at A list Apart
Extensive HowTo at Dynamic Drive