Элементарно. Создаете 2 темы, например так (лучше всего использовать препроцессоры вроде LESS/SASS/Stylus):
.theme_1 .header {background: #000;}
.theme_1 .button {background: #000;}
.theme_1 .link {color: #000;}
.theme_2 .header {background: #f00;}
.theme_2 .button {background: #f00;}
.theme_2 .link {color: #f00;}
Далее, например на тег html вешаем класс первой темы:
<html class='theme_1'>
...
</html>
Далее создаем кнопку переключения:
<button class='js-switch-theme' data-name='theme_2'>Swich to theme 2</button>
Далее на jQuery пишем следующий код:
$(document).on('click', '.js-switch-theme', function () {
var theme = $(this).data('name'),
$html = $('html');
$html.removeClass();
$html.addClass(theme);
});
Profit!
