title: How to properly introduce a light/dark mode in Bootstrap?
body: <p>I use <a href="https://getbootstrap.com/docs/4.5/getting-started/download/" rel="noreferrer">Bootstrap 4.5</a> and use <code>bg-dark</code> in my HTML template. I would like to implement a &quot;light/dark&quot; switch.</p>
  <p>So, Bootstrap has a <code>bg-light</code> css class, but I am not sure what the current approach how to use it. Let me clarify my confusion:</p>
  <ol>
  <li><p>Am I supposed to replace all occurrences of <code>bg-dark</code> with <code>bg-light</code> once the &quot;switch&quot; is turned on?</p>
  </li>
  <li><p>If I want to slightly modify the colors of <code>bg-light</code> and <code>bg-dark</code>, is &quot;Theming&quot; the right approach? I can't find any examples to override these variables (via SASS), except of manually overwrite them in my CSS like <code>.bg-dark { ... }</code></p>
  </li>
  </ol>
  <p>Thank you very much!</p>