Adaptive dark theme

[fifty8]

It'd be great to add adaptive dark mode styles based on prefers-color-scheme CSS modifier.

[jdanyow]

that's a great idea

[raprocks]

@jdanyow any update? Or can i use any workaround until then?

[SwapnilSoni1999]

you can do with javascript here's example

    const dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
    const currTheme = dark ? 'github-dark' : 'github-light';
    const skript = document.createElement('script');
    skript.src = "https://utteranc.es/client.js";
    skript.crossOrigin = "anonymous";
    skript.async = true;
    skript.setAttribute('repo', "username/username.github.io");
    skript.setAttribute('issue-term', "pathname");
    skript.setAttribute('theme', currTheme);
    document.body.appendChild(skript);

[raprocks]

@SwapnilSoni1999 thnx for this, it works perfectly

[jdanyow]

Shipped 🕶️