Documentation title is not showing in Safari iOS when using Dark Reader
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 <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.
hmm it works for me on iOS 18 Safari
the color of the page looks odd for me. did you use any browser extension like Dark Reader?
Nice catch! Yes I removed Dark Reader and it works now!