Mint UI supports dark and light modes like CSS does.
You can get the current mode by connecting your component to the Ui store and exposing the darkMode variable.
Ui
darkMode
connect Ui exposing { darkMode }
The mode can be set using the Ui.setDarkMode function.
Ui.setDarkMode
<Ui.Button onClick={(event : Html.Event) { Ui.setDarkMode(!Ui.darkMode) }} label="Toggle"/>
There is a component for toggling dark / light modes: Ui.DarkModeToggle
<Ui.DarkModeToggle/>
Mint UI is a design system and component library for building websites, web and desktop applications.