title: How to toggle dark theme for whole page?
body: <p>I have managed to toggle dark theme and light theme at press of checkbox in html and flask. But how can i make the dark theme cover the whole page, not just some div elements? The margins are still light theme... CSS code below:</p>
  
  <pre><code>.container {
    display: flow;
    width: 100%;
    height: 100%;
    background: var(--color-secondary);
  }
          .theme-light {
              --color-primary: #0060df;
              --color-secondary: #fbfbfe;
              --color-accent: #fd6f53;
              --font-color: #000000;
          }
  
          .theme-dark {
              --color-primary: #17ed90;
              --color-secondary: #2a2c2d;
              --color-accent: #12cdea;
              --font-color: #ffffff;
              width: 100%;
              height: 100%;
          }
  </code></pre>
  
  <p>This is the present dark theme:
  <a href="https://i.stack.imgur.com/dNSTT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dNSTT.png" alt="enter image description here"></a></p>