Dark Mode

To add dark mode to your site, add two CSS variables named --white and --black to your <body> tag, each with the opposite value.

<body style="--white: black; --black: white;">
  <h1>
    Hi!
  </h1>
  <p>
    This page has dark mode.
  </p>
</body>

# Toggle

Adding a dark mode toggle button to your page is easy. Just paste the following code into the <head> section of your page:

<script src="https://declass.netlify.app/js/toggle.js" defer></script>

Support	Chrome	Safari	Firefox	Edge	Opera
Dark Mode	49+	9.1+	31+	16+	36+

Information for this support table comes from Can I Use.