GitHub Sponsor Card page is not in dark.

[OrigamiDream]

• Browser: Safari 14
• Operating System: macOS Big Sur
• Link to page with the issue: https://macosicons.com (Embedded in this page), https://github.com/sponsors/elrumo/card
• Screenshot:

The page can be attached in other pages.

[silverwind]

How are they embedded? iframe?

[xt0rted]

They provide a button and a card that you can embed.

Sponsor button

<iframe src="https://github.com/sponsors/xt0rted/button" title="Sponsor xt0rted" height="35" width="116" style="border: 0;"></iframe>

Sponsor card

<iframe src="https://github.com/sponsors/xt0rted/card" title="Sponsor xt0rted" height="225" width="600" style="border: 0;"></iframe>

[silverwind]

I see. What's also odd is that black bar on bottom.

I wonder if it's somehow possible to define styles that only apply when a page is iframed. I guess not and we need to match on the URL with a regex rule.

[OrigamiDream]

Most of user-css extensions (e.g. Cascadea, Stylus) applies the styles recursively.
Therefore you don't need to detect if the page is I-framed.