  <div class="code">
      <pre>
<code>
  const isDarkMode = puppertinoThemeMan.isDarkThemeActive();
</code>
    </pre>
  </div>
  <p>This allows you to tailor additional features based on the active theme.</p>
    </div>
      <div class="talk-about-it" id="modifier">
        <h2>Under the hood.</h2>
        <p>
          How does this all work? Simple, Puppertino is based on CSS variables, and when you toggle this class you are basically overriding all the colors in CSS variables for the dark themed ones,