[Feature] Dark mode

It is a really useful feature, that we can change the colors of the stats, but I would appreciate some sort of auto dark mode With dark mode coming to GitHub, I think it will have to be done sooner or later.

I have a couple of proposed solutions, but none of them seems perfect.

1. If the auto theme is enabled, query a weather service such as The Open Weather API, to get the sunset time for the current timezone - I am not sure how to get the time zone though.

Example: client => Vercel <= Weather API

1. It would be best if you could query the @prefers-color-scheme data of the browser, as no timezone or other preference data would be needed.

Query: https://github-readme-stats.vercel.app/api?username=anuraghazra&prefers=dark

1. The hardest solution - we could contact GitHub directly, to perhaps provide a feature, to set alternative image sources according to the current theme.

Something like: [GitHub README stats]({dark: https://darkmodeurl}, light: https://lightmodeurl) in markdown

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[SukkaW]

@anuraghazra I will bring up my own test again.

<picture>
      <source 
        srcset="https://via.placeholder.com/1000x618.png?text=Dark+Mode"
        media="(prefers-color-scheme: dark)"
      />
      <source
        srcset="https://via.placeholder.com/1000x618.png?text=Light+Mode"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
      />
      <img src="https://via.placeholder.com/1000x618.png?text=Fallback+Mode" />
</picture>

<picture> <source srcset="https://via.placeholder.com/1000x618.png?text=Dark+Mode" media="(prefers-color-scheme: dark)" /> <source srcset="https://via.placeholder.com/1000x618.png?text=Light+Mode" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" /> </picture>

---

Update

It appears that GitHub will transform the <picture> into simple <img>.