Jessica :infinity_rainbow:<p>I've been trying to solve this issue for the last couple of hours and I've got no where. No one seems to be trying to do what I am, even though it seems really obvious to me.</p><p>So I'm checking if what I am trying to do is possible, and if so, how do I do it:</p><p>I am trying to get the CSS of Mermaid diagrams to change depending on the website theme. I am not looking for the CSS to change depending on the browser or operating system being in light or dark mode.</p><p>This is because I have a toggle on the website which switches between :root and .dark within the CSS, the user may have a dark themed operating system, but wants to see the website in a light theme (:root).</p><p>All I want to do is add two Mermaid CSS sections underneath :root and .dark with the CSS styled accordingly, but this is seemingly impossible as I've tried everything I can think of, and no one else online appears to be doing this either 🤷♀️</p><p>I'm probably missing something really obvious, but I'm starting to lose mind over this, and really need some help.</p><p>Thank you.</p><p><a href="https://neurodifferent.me/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://neurodifferent.me/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a></p>