tailwind: upgrade a17t, somewhat functional dark mode

instead of adding dark: variants to each element, a preprocessor script
adds them. still needs to be implemented to typescript.
This commit is contained in:
Harvey Tindall
2021-12-30 00:49:43 +00:00
parent 57e6469564
commit 18ae03554f
26 changed files with 2255 additions and 414 deletions
+8 -8
View File
@@ -11,17 +11,17 @@ const buttonChange = (type: string) => {
if (type == "normal") {
logSanitized.classList.add("unfocused");
logNormal.classList.remove("unfocused");
buttonNormal.classList.add("!high");
buttonNormal.classList.remove("!normal");
buttonSanitized.classList.add("!normal");
buttonSanitized.classList.remove("!high");
buttonNormal.classList.add("@high");
buttonNormal.classList.remove("@low");
buttonSanitized.classList.add("@low");
buttonSanitized.classList.remove("@high");
} else {
logNormal.classList.add("unfocused");
logSanitized.classList.remove("unfocused");
buttonSanitized.classList.add("!high");
buttonSanitized.classList.remove("!normal");
buttonNormal.classList.add("!normal");
buttonNormal.classList.remove("!high");
buttonSanitized.classList.add("@high");
buttonSanitized.classList.remove("@low");
buttonNormal.classList.add("@low");
buttonNormal.classList.remove("@high");
}
}
buttonNormal.onclick = () => buttonChange("normal");