Sì, ma se ho capito bene e ricordo correttamente, ciò permette a Discourse di rilevare se il sistema operativo sta utilizzando la modalità scura e di adattarsi di conseguenza. Il post che ho avviato, che era una risposta a quello a cui hai linkato (e che a sua volta vi faceva riferimento), riguardava il pulsante/interruttore in un blog che commuta manualmente tra le modalità chiara e scura del blog (indipendentemente dalla modalità del sistema operativo). Sembra corretto (e di conseguenza rende rilevante la mia domanda precedente)?
Per chiarezza, questo è lo script che ho fatto scrivere a qualcuno per l’uso sul mio blog, che ora credo abbia bisogno di qualche aggiustamento (forse ha solo bisogno di alcune classi modificate, non sono sicuro).
<style>:root.dark{background: #1D2224}</style>
<script>
const discourseUrl = 'https://ff2f.discourse.group';
const clearDarkModeThrottle = () => window.darkThrottled = false;
window.isDark = false;
window.discourseLoaded = false;
window.setDarkMode = state => {
window.isDark = state;
window.darkThrottled = true;
localStorage.setItem('darkmode-enabled', state);
Array.from(document.getElementsByClassName('dm-input')).forEach(element => element.checked = state);
document.documentElement.classList[state ? 'add' : 'remove']('dark');
setTimeout(clearDarkModeThrottle, 250);
window.discourseLoaded && setIframeStyle();
};
let sub = () => {};
if (localStorage.getItem('darkmode-enabled') === "true") {
document.documentElement.classList.add('dark');
// Aggiorna gli elementi dopo domContentLoaded
sub = () => window.setDarkMode(true);
}
document.addEventListener('DOMContentLoaded', () => {
Array.from(document.getElementsByClassName('darkmode-toggle'))
.forEach(element => element.onchange = darkmodeToggled);
function darkmodeToggled() {
const input = this.querySelector('input');
window.darkThrottled ? (input.checked = !input.checked) : window.setDarkMode(input.checked);
}
sub();
sub = null;
});
const handleMessageListener = (event) => {
var origin = event.origin;
if (origin === discourseUrl) {
setIframeStyle();
window.discourseLoaded = true;
}
};
const setIframeStyle = () => {
const iframe = document.getElementById("discourse-embed-frame");
if (iframe && iframe.contentWindow) {
iframe.contentWindow.postMessage(
window.isDark ? "dark" : "light",
discourseUrl
);
}
};
window.addEventListener("message", handleMessageListener);
</script>