@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/

#content h2 {
color: #0a0000;/*文字色*/
padding: 1.0em 0;/*上下の余白*/
border-top: solid 3px #606060;/*上線*/
border-bottom: solid 3px #606060;/*下線*/
}

const darkTheme = "/wp-content/themes/the-sonic-child/darkmode.css";
const btn = document.querySelector(".mode-toggle");
const currentTheme = localStorage.getItem("mode");
const theme = document.querySelector("#theme-mode");
const isLight = window.matchMedia('(prefers-color-scheme: light)').matches;

if (currentTheme == "light") {
	theme.href = "";
	btn.checked = false;
}
else if (currentTheme == "dark") {
	theme.href = darkTheme;
    btn.checked = true;
}
else {
	if (isLight) {
		theme.href = "";
		btn.checked = false;
	} else if (!isLight) {
		theme.href = darkTheme;
		btn.checked = true;
	}
}

btn.addEventListener("click", function() {
    if (theme.getAttribute("href") == "") {
        theme.href = darkTheme;
        } else {
        theme.href = "";
    }
    let style = "light";
    if (theme.getAttribute("href") == darkTheme) {
        style = "dark";
    }
    localStorage.setItem("mode", style);
});