Couldnt the single css that controls the whole flarum site include global variables for the different themes and a switch in the users settings that determines which variable the user wants?
/* MyComponent.css */
.root {
color: black;
}
/* Dark theme */
:global(.dark-theme) {
.root {
color: white;
}
}
/* Blue theme */
:global(.blue-theme) {
.root {
color: blue;
}
}
or
More than one css.
//index.css
.btn { font-weight: bold; }
//theme.dark.css
.btn { color:green; }
//theme.light.css
.btn { color: red; }