Publish: Headings have strange angled lines

Steps to reproduce

Viewing https://help.obsidian.md with darkmode enabled.
(This is happening on my published site too)

Did you follow the troubleshooting guide? [Y/N]

Yes, but I couldn’t find any similar issues.

Expected result

Not sure why there are diagonal lines on the page.

Actual result

Random lines showing up for headings that hurt my eyes.

Environment

Viewing any site on Chrome, Firefox, or Edge.


Additional information

Not sure if this is intentional as they don’t appear on light mode.

This is most likely a problem with you computer. Perhaps related to GPU/GPU driver

  • Do these lines come and go if you scroll, split view, open new windows, restart, etc ?
  • Did this happen with the older versions of Obsidian too?

Suggestions

  • try another package if you’re on Linux.
  • download older versions of Obsidian and check again
  • try to update your GPU driver
  • add more details to your report to get some better help.

Digging into more troubleshooting:

  • They appear as if they are in the background, scrolling keeps the lines there, even after a new window, incognito, restart.
  • This isn’t in the Obsidian, this is right on the website using Chrome, Edge, Firefox viewing help.obsidian.md
  • My GPU driver is up to date
  • Chrome is up to date (Version 142.0.7444.176 (Official Build) (64-bit)

When I disable either of thiscss the line no longer appear:

 .external-link {
    background-image: linear-gradient(transparent, transparent), url(/public/images/6155340132a851f6089e.svg);
    background-repeat: no-repeat;
}

Zooming in and out doesn’t effect these lines, and I see that there are 3 icons (external link icons) and there are 3 lines that also appear when I hover other link icons (that display the link icon).

The only lead I have is something to do with repeating svg elements causing issues.

Ultimatly, if no one is else is seeing this issue, it’s not a problem.

It looks like it is an issue with Chromium Hardware Acceleration.