disqus / disqus-react

A React component for Disqus
MIT License
369 stars 46 forks source link

Color Scheme / Theme Not Working #134

Closed CyberCyclone closed 2 years ago

CyberCyclone commented 2 years ago

Describe the bug

I've posted the same bug here https://disqus.com/home/channel/discussdisqus/discussion/channel-discussdisqus/bug_reports_feedback_cant_change_color_scheme/ as I'm pretty sure it's a Disqus problem since forcing the Color Scheme in the Disqus Admin Dashboard (Dark) doesn't work either. I'm just posting this here in case it is something to do with the plugin.


I've got an issue on all browsers I try that Disqus only returns the "Light" theme, despite having "Dark" or "Auto" set as my colour scheme in Disqus. It was working fine a few weeks ago and nothing has changed on my site.

Doing the <p></p> trick as mentioned https://help.disqus.com/en/articles/1717201-disqus-appearance-customizations shows the color field is pure white '#ffffff' as it should.

https://adatools.io/transactions/53ddf933fd7612b1cb60bdb84f0f7503c29501da208c793c9b7c9394b1bd6721

Screen Shot 2022-09-06 at 4 10 15 pm

Expected behavior

Disqus theme should be "Dark".

Screenshots

If applicable, add screenshots to help explain your problem.

Specifications:

CyberCyclone commented 2 years ago

Solved as the below:

https://disqus.com/home/channel/discussdisqus/discussion/channel-discussdisqus/bug_reports_feedback_cant_change_color_scheme/


It looks like Disqus is correctly identifying the colors on your site and adapting Disqus. The issue is with the color-scheme: dark; attribute inherited by #disqus_thread in your site's styles. If you're able to add custom CSS to your theme, add this line and it fixes the problem: #disqus_thread { color-scheme: none; }