Con las funciones de un archivo javascript llamado Styleswitcher.js podemos disponer de dos enlaces con los que cambiar el estilo CSS dinámicamente. El archivo está disponible en muchas páginas de desarrolladores, como A List Apart.
Esto es una ampliación del post Cambiar hojas de estilo CSS. Lo vemos en acción aquí. También les dejo los trozos de código necesarios a continuación.

Dentro del HTML, donde van los tags link para el estilo, escribimos:

<link rel=»stylesheet» type=»text/css» href=»azul.css» title=»azul»&gt
&lt:link rel=»alternate stylesheet» type=»text/css» href=»verde.css» title=»verde»&gt
<script type=»text/javascript» src=»cambia.js»&gt&lt/script&gt

En cualquier sitio del HTML ponemos los enlaces. En nuestro caso son dos pequeños cuadrados de color:

<a href=»#» onclick=»setActiveStyleSheet(‘azul’, 1); return false; actualizar();»&gt
<img style=»border:0″ src=»azul.jpg» alt=»estilo azul» /&gt&lt/a&gt
<a href=»#» onclick=»setActiveStyleSheet(‘verde’, 1); return false; actualizar();»&gt
<img style=»border:0″ src=»verde.jpg» alt=»estilo verde» /&gt&lt/a&gt