<span id="option-darkmode" class="toggle-switch">
  <span id="option-darkmode-slider" class="slider preload" aria-hidden="true"></span>
  <button aria-label="Toggle the theme to light mode"
          id="theme-button"
          type=button
          class="toggle-container"
          aria-pressed="false"
  >
      <span class="slider-text" aria-hidden="true">sun&nbsp;&nbsp;&nbsp;moon</span>
  </button>
  <span class="beam" id="beam-1" aria-hidden="true"></span>
  <span class="beam" id="beam-2" aria-hidden="true"></span>
  <span class="beam" id="beam-3" aria-hidden="true"></span>
  <span class="beam" id="beam-4" aria-hidden="true"></span>
  <span class="beam" id="beam-5" aria-hidden="true"></span>
  <span class="beam" id="beam-6" aria-hidden="true"></span>
  <span class="beam" id="beam-7" aria-hidden="true"></span>
</span>