Disqus comment widget does not change theme properly

[shaform]

Supposedly, Disqus supports dark and light themes: https://www.jamesrmeyer.com/otherstuff/dark-mode-demo/dark-mode-demo-disqus

However, the Disqus widget is not behaving as expected with hugo-theme-jane. In particular, when dark theme is enabled, the texts would change colors, but the background is still white, which makes it difficult to read.

It is unclear why this is the case though. It seems Disqus is utilizing a transparent iframe which should inherit the background color of its parent. But this does not work properly with hugo-theme-jane for unknown reasons.

In particular, I observe the following strange behaviors:

1. If we switch to dark theme and then load Disqus, the texts would become white but the background would stay white.
2. If we switch to light theme and then load Disqus, and then switch to dark theme again, the texts would be dark and the background would also be dark.

For both cases, the texts are difficult to read.

Note: the second behavior seems to only happen on Chrome. With Firefox, only 1 would happen.