簡単なjavascriptと、セレクトボックスを使用して、テーマを切り替えます。下のセレクトボックスから、青色系テーマ、赤色系テーマ、緑色系テーマの3つから選ぶと、それぞれのテーマ用外部cssへの相対パスを取得します。<head>内に設置した外部cssのリンク指定<link rel="stylesheet" type="text/css" href="style.css" id="styleswitch">で、指定の外部cssを読み込みテーマを変更します。
javascriptソース
function changecss(cssfile) {
document.getElementById('styleswitch').href = cssfile;
}