Documentation title is not showing in Safari iOS when using Dark Reader

[matthieugouel]

Hey 👋
On the documentation (https://imfing.github.io/hextra/), the "Build modern websites with Markdown and Hugo" is not showing when using Safari in iOS 18 (from an iPhone). It works using brave browser on the same iPhone.
I have the same issue when replicating on my personal website.

It works with Safari on MacOS (Sonoma 14.6.1 (23G93)).

This part of the code seems not rendered properly.

<div class="hx-mt-6 hx-mb-6">
{{< hextra/hero-headline >}}
  Build modern websites&nbsp;<br class="sm:hx-block hx-hidden" />with Markdown and Hugo
{{< /hextra/hero-headline >}}
</div>

Steps To Reproduce

Go to https://imfing.github.io/hextra/ from Safari browser in iOS 18.

Screenshots

Environment

• Hugo Version: the one used in documentation.
• Browser/OS: Safari iOS 18
• Theme Version: the one used in documentation.

[imfing]

hmm it works for me on iOS 18 Safari

[imfing]

the color of the page looks odd for me. did you use any browser extension like Dark Reader?

[matthieugouel]

Nice catch! Yes I removed Dark Reader and it works now!