Giscus displays dark background in light mode

[SohamTilekar]

Context

No response

Bug description

The Comment Section Dose Not Render properly when using python 3.11.
I Have tested it on windows + edge.

Python 3.12 [fine]: -
Dark:

Light:

Python 3.11 [Problem]: -
Dark:

Light:

Related links

• Comments

Reproduction

Project Zip File :- dump.zip

Steps to reproduce

1. Making the Project.
2. Just setting comments as provided in the docs. Without {if blocks}

Browser

Edge

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction using the built-in info plugin.

[alexvoss]

Thanks for getting in touch. Can you please do us the favour and create the reproduction using the info plugin as described in Creating a reproduction as this packs up additional information.

I am somewhat surprised that you tracked this down to the difference between Python 3.11 and 3.12. Are you sure that you can reproduce the desired as well as the undesired behavior simply be switching the version of the Python interpreter? I am asking because this is more likely to be an issue with the JavaScript and the browser.

Running your reproduction, I could not see the issue with Python 3.11 on MacOS and Firefox but that does not have to mean anything except I need to try again using a Windows machine a bit later on.

[squidfunk]

Thanks for reporting. Note that our touch point with Giscus is only the comments partial where you add the snippet that you generated on Giscus' site – nothing more. Everything else is provided by Giscus. Our documentation also states that it's customization, so I'm converting this to a discussion, asking for help.

[stalomeow]

This is caused by the color-scheme: light property of the .md-typeset iframe. If you disable it, the weird black background disappears.

Currently you can add an additional css file containing the following code to temporarily fix this issue.

.md-typeset iframe.giscus-frame {
    color-scheme: light dark !important;
}

[SohamTilekar]

Thanks for Giving the Solution.

[squidfunk]

Hmm, this is indeed a side effect of the changes we made to fix #6889. We're going to look into it again.

[squidfunk]

This should be fixed with #6889 (comment)

[squidfunk]

The fix was released as part of 9.5.15.