Cherrypick color switch
Cherry pick !3448 (merged), !3469 (merged) and !3623 (merged)
- [ENH] add a way to set default color mode
- [FIX] switch color mode module: fix css specificity issues and add missing css vars
- [ENH][FIX] enhance color mode switch module