View source for Widget:ThemeSelectorSwitch

<includeonly><div>
  <div class="flw-theme-selector-switch" role="radiogroup">
    <input type="radio" name="flw-theme-selector" id="light-theme-selector" title="Set light theme">
    <label title="Light theme" for="light-theme-selector">
      <span class="sr-only">Light theme selector</span>
      <div class="flw-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
          <path d="M12 0l-3.5 3.5h-5v5l-3.5 3.5l3.5 3.5v5h5l3.5 3.5l3.5-3.5h5v-5l3.5-3.5l-3.5-3.5v-5h-5zM12 5a7 7 0 0 1 0 14a7 7 0 0 1 0 -14" />
          <circle cx="12" cy="12" r="5" />
        </svg>
      </div>
    </label>

    <input type="radio" name="flw-theme-selector" id="system-theme-selector" aria-label="System-dependent theme" title="Set theme depending on your system preferences" checked>
    <label title="System-dependent theme" for="system-theme-selector">
      <span class="sr-only">System-dependent theme selector</span>
      <div class="flw-icon">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
          <path d="M3 2c-1.5 0-3 1.5-3 3v10c0 1.5 1.5 3 3 3h5c.5 0 1 .5 1 1v2c0 .5-.5 1-1 1h-4c-.5 0-1 .5-1 1s.5 1 1 1h16c.5 0 1-.5 1-1s-.5-1-1-1h-4c-.5 0-1-.5-1-1v-2c0-.5.5-1 1-1h5c1.5 0 3-1.5 3-3v-10c0-1.5-1.5-3-3-3zM20 5c.5 0 1 .5 1 1v8c0 .5-.5 1-1 1h-16c-.5 0-1-.5-1-1v-8c0-.5.5-1 1-1z" fill="currentColor" />
        </svg>
      </div>
    </label>

    <input type="radio" name="flw-theme-selector" id="dark-theme-selector" aria-label="Dark theme" title="Set dark theme">
    <label title="Dark theme" for="dark-theme-selector">
      <span class="sr-only">Dark theme selector</span>
      <div class="icon">
        <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
          <path d="M16.61 2.01A11 11 0 1 0 22.98 12.64A7 7 0 1 1 16.61 2.01" />
        </svg>
      </div>
    </label>

    <div class="selection-indicator" aria-hidden="true"></div>
  </div>
</div></includeonly>