Здравствуйте. Хочу реализовать переключатель со светлой темы на тёмную. Пытаюсь подключить стили вот таким способом
<a href="#" oncl ick="changeCSS('/dark.css', 0);">тёмный</a> | <a href="#" oncl ick="changeCSS('/template_styles.css', 0);">светлый</a>
function changeCSS(cssFile, cssLinkIndex) {
var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);
var newlink = document.createElement("link");
newlink.setAttribute("rel", "stylesheet");
newlink.setAttribute("type", "text/css");
newlink.setAttribute("href", cssFile);
document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
}
Но к сожалению стили подключаются частично. Если же я прописываю стили напрямую в шаблоне <link rel="stylesheet" href="/dark.css"> в <head>, то стили ломают светлую тему и всё тогда нормально. Как мне подключить тёмную тему шаблона через кнопку ?