Minimal blog/portfolio theme with a focus on content creation and SEO best practices. An ideal choice for technical users jump-starting a personal brand.
Describe the bug
Disqus auto-detects a site's color scheme and displays the embed with the appropriate contrast. When the color scheme is manually toggled via the theme's light/dark mode switcher, the Disqus embed is not toggled with it to the opposite color scheme and is difficult to read.
To Reproduce
Steps to reproduce the behavior:
Load a post with Disqus comments. The embed should look good.
Toggle the color scheme to the opposite one without reloading the page.
The embed should now have multiple elements with insufficient contrast.
Reload the page and the color scheme that was just not working should show sufficient contrast.
Expected behavior
The body of the iframe embed has a class light or dark which controls the color scheme. Target this element with JS and toggle the class when the dark/light mode switch is toggled by a user.
wjh18
commented
1 year ago
Describe the bug Disqus auto-detects a site's color scheme and displays the embed with the appropriate contrast. When the color scheme is manually toggled via the theme's light/dark mode switcher, the Disqus embed is not toggled with it to the opposite color scheme and is difficult to read.
To Reproduce Steps to reproduce the behavior:
Expected behavior The body of the iframe embed has a class
lightordarkwhich controls the color scheme. Target this element with JS and toggle the class when the dark/light mode switch is toggled by a user.