Blog post title
Blog post content
revision:
Blog post content
Blog post content
Blog post content
code:
<style>
.buttons, form, .single {width: fit-content;margin: 3rem auto;}
form {font-family: sans-serif; padding: 1rem 2rem 2rem; border: 1px solid silver; border-radius: 1.5rem; box-shadow: 0 0 2rem -1.25rem CanvasText; }
.site-container {color-scheme: light dark; display: flex; justify-content: center;}
.unstyled-site {background-color: Canvas; color: CanvasText; padding: 1rem 3rem 2rem; }
#light, #light1 {color-scheme: light;}
#dark, #dark1 { color-scheme: dark;}
</style>
<script>
function lightMode() {
document
.querySelector('meta[name="color-scheme"]')
.setAttribute("content", "light");
// document.getElementsByTagName("html")[0].style.colorScheme = "light";
}
function darkMode() {
document
.querySelector('meta[name="color-scheme"]')
.setAttribute("content", "dark");
// document.getElementsByTagName("html")[0].style.colorScheme = "dark";
}
function autoMode() {
document
.querySelector('meta[name="color-scheme"]')
.setAttribute("content", "light dark");
// document.getElementsByTagName("html")[0].style.colorScheme = "light dark";
}
</script>