Automatic system-wide dark/light mode

MelonCola

The prefers-color-scheme CSS feature allows websites to use CSS based on whether the system uses a dark/light mode. This could potentially be an easier way to implement user-selected dark/light mode over a toggle, and would make a lot of sense to add at some point. I think it'd also be more sensible then a toggle(as some extensions have made), as the user probably chose dark/light mode in their system in the hopes they won't have to change it everywhere.

clarkwinkelmann

giter please do not use [size] tags unnecessarily. Personally this just makes your text harder to read because it's not formatted like the rest of the forum. I removed the tag.

MelonCola giter Are you using the FoF Night Mode extension ? I believe it implements the prefers-color-scheme feature.

giter

<script>
window.onload = function(){
   var hour = new Date(); var h = hour.getHours();
   if (h>= 20 && h<=6 && !app.session.user){$('body').addClass('dark');}
}
</script>

But this is not perfect. When you open the homepage, it will turn into a dark mode. But after you open any discussion, the page will no longer be a dark mode unless you refresh the page.I think it's Pjax that makes it impossible to load the dark mode.