Darkmode

[GottaGetPaid]

[Hal-9k1]

I think you could also do this without passing the dark mode setting all through the code by adding another class to the App div element and then adding all the dark mode rules with the descendant selector. Pseudocode:

function App() {
    // ...
    return <div className={useDarkmode ? "darkmode" : ""}>
        {/* ... */}
    </div>;
}

.SomeComponent {
    background-color: white:
    /* other light mode rules */
}
.darkmode .SomeComponent {
    background-color: black;
}

This would give different specificity to the dark and light mode selectors though.