dioxus-bootstrap 0.7.1

A set of Bootstrap-based components for Dioxus.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function set_mode() {
    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        console.log("dark mode");
        document.getElementsByTagName("html")[0].setAttribute("data-bs-theme", "dark");

    }
    else {
        console.log("light mode");
        document.getElementsByTagName("html")[0].setAttribute("data-bs-theme", "light");
    }

}

set_mode();

// Watch for changes to the preferred mode.
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
    const newColorScheme = event.matches ? "dark" : "light";
    set_mode();
});