Dark mode theme for calendar

[pokerbeing]

Dark mode theme for calendar

[sanchimenea]

Adding the following css will make dark mode work.

/* Bootstrap Datepicker Dark mode */

[data-bs-theme=dark] .bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: var(--bs-dropdown-bg)
}

[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.day:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.hour:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.minute:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.second:hover {
    background: var(--bs-tertiary-bg);
    cursor: pointer
}

[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td span:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: var(--bs-tertiary-bg)
}

[pokerbeing]

Thank you for the quick reply. This is exactly the information I needed!  I made the additional tweak below and I’m very happy with the result. (See pic).  Thanks again. data-bs-theme=dark] .bootstrap-datetimepicker-widget table tbody{     background-color: #454141;    color: white } [data-bs-theme=dark] .bootstrap-datetimepicker-widget table thead {    background-color: #777373;    color: white } —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: ***@***.***>

[pokerbeing]

Sorry this image didn't come through on my email.