Thank you, but this doesn't have enough colour contrast to pass accessibility checks:

Could you use a different colour?

will look into that, thanks (didn't try with a and code tags)

by the way, how to solve this CORS error? is it even related to giscus or am i doing something wrong? i try to use my theme like that:

data-theme="https://realvanyek.eu.org/css/giscus.css"

but it gives this error and my theme doesn't load:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://realvanyek.eu.org/css/giscus.css. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 200.

You need to put a CORS header (Access-Control-Allow-Origin) to the response when hosting the CSS file on your website. How to do it depends on how your website is configured and hosted, but the goal is to make it so that when the browser requests the CSS file, the response includes the Access-Control-Allow-Origin header with a value that allows https://giscus.app (either explicitly or by wildcard *).

Example:

I think Vercel automatically adds Access-Control-Allow-Origin: * to static files. For Netlify, you'll have to specify it manually: https://docs.netlify.com/routing/headers/

If it's hosted on a server using Nginx, you need to update your Nginx config e.g. https://enable-cors.org/server_nginx.html (be careful to only allow CORS for paths that you explicitly want to be accessed from other websites though)

Other than that, it really depends on how your website is configured, but you can probably find a guide on how to do it with your setup.