What's the best way to implement a toggle for dark mode using Bootstrap's theming capabilities?

<!-- BEGIN COPY / PASTE -->
        <!-- HTML -->
        <button id="themeToggle" class="btn btn-primary">Toggle Dark Mode</button>

        <!-- JavaScript -->
        <script>
            const toggleButton = document.getElementById('themeToggle');
            toggleButton.addEventListener('click', () => {
                document.body.classList.toggle('dark-mode');
            });
        </script>

        <!-- CSS -->
        <style>
            body.dark-mode {
                --bs-body-bg: #212529;
                --bs-body-color: #f8f9fa;
            }
        </style>
        <!-- END COPY / PASTE -->