Background color inconsistent on mobile when dark mode enabled

[nanowatts]

Issue description

Dark mode on mobile has a jarring break in background color. Verified in my personal usage of Congo and in the official theme documentation. I have not been able to reproduce in any desktop browser and only see this issue in iOS Safari.

Theme version

2.4.2

Hugo version

hugo v0.108.0+extended darwin/arm64

Which browser rendering engines are you seeing the problem on?

WebKit (Safari)

URL to sample repository or website

nanowatts.net

Hugo output or build error messages

No response

[wolfspyre]

Does this problem still manifest with current theme version and current hugo? (current hugo: 0.122) (current congo 2.8.0)

(quite a few things that were impactful have changed since... so.... it's worth checking imo)

[pomeloy]

Does this problem still manifest with current theme version and current hugo? (current hugo: 0.122) (current congo 2.8.0)

Yes.

For a quick and dirty solution add this to assets/js/appearance.js:

window.addEventListener("load", function(){
  setThemeColor();
});