Вот вариант подключения/отключения файла стилей без jQuery. Работать будет гораздо быстрее чем вариант с jQuery, поскольку это чистый
JavaScript.
// Подключает
function addStyleSheets (href) {
var $head = document.head,
$link = document.createElement('link');
$link.rel = 'stylesheet';
$link.href = href;
$head.appendChild($link);
}
// Отключает по ссылке
function disableStyleSheets (href) {
var styles = document.styleSheets;
for (i in styles) {
if (styles[i].href == href) {
styles[i].disabled = true;
}
}
}
// Примеры
addStyleSheets('путь/до/файла/со/стилями.css'); // Подключаем
disableStyleSheets('путь/до/файла/со/стилями.css'); // Отключаем
В вашем случае, для изменения цветовой схемы страницы, лучше использовать особые классы. При клике на какую-нибудь кнопку добавлять соответствующий класс элементу
body. Ниже привожу пример добавления класса к body используя чистый JavaScript.
// Вариант для IE10+
var $body = document.querySelector('body');
$body.classList.toggle('red-theme'); // удалит/добавит класс .red-theme для <body>
