index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Custom color mode toggler for Bootstrap v5.3.0+</title>
	<link href="css/main.css" rel="stylesheet">
  </head>
  <body>
    <h1>Custom color mode toggler for Bootstrap v5.3.0+</h1>
	<ul class="switches">
		<li>
			<input type="radio" id="light" name="theme-mode">
			<label for="light">
				<span>Light</span>
				<span></span>
			</label>
		</li>
		<li>
			<input type="radio" id="dark" name="theme-mode">
			<label for="dark">
				<span>Dark</span>
				<span></span>
			</label>
		</li>
		<li>
			<input type="radio" id="auto" name="theme-mode" checked>
			<label for="auto">
				<span>Auto</span>
				<span></span>
			</label>
		</li>
	</ul>
	<script src="js/main-dist.js"></script>
  </body>
</html>