src/index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#000000">
  <meta name="description" content="This tool is for discovering new CSS polygon shapes generated with css-doodle and mathematical functions">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <title>Discover CSS polygon shapes</title>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet">
</head>
<body>
  <script>
    (function() {
      let theme = localStorage.getItem('theme');
      if (theme) document.body.setAttribute('theme', theme);
    }());
  </script>
  <div id="app"></div>
  <script src="index.js"></script>
</body>
</html>