<!-- BEGIN COPY / PASTE -->
        <style>
            .tooltip-inner {
                background-color: #333; /* Dark background */
                color: #fff; /* Light text color */
                border: 1px solid #444; /* Optional border */
            }
            .tooltip-arrow::before {
                border-top-color: #333;
                border-bottom-color: #333;
            }
        </style>

        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Dark themed tooltip">
            Hover me
        </button>

        <script>
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
            var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl)
            })
        </script>
        <!-- END COPY / PASTE -->