Where can I download or how can I activate the dark theme of uikit css (getuikit)?

148 Views Asked by At

Uikit seems to have a dark theme available.

It can be seen on this demo page: https://getuikit.com/assets/uikit/tests/index.html (you can toogle between light and dark theme)

However I don't see how to enable that dark theme in my own page. Is there a dark theme version of uikit that can be downloaded somewhere? It seems the download link on the getuikit site only leads to a light theme.

Or is there a class that should be enabled on the <body> or the <html> tag ?

I don't see how to use that dark theme, or any other theme (if there are other themes I'd be interested in knowing where to download them or how to activate them as well).

1

There are 1 best solutions below

0
On

From my knowledge UIKit doesn't support switching between dark/light modes automatically, you will have to implement logic to switch between uk-light and uk-dark classes for each individual element yourself.

The example site you linked also does dark/light mode switching through external JavaScript. Perhaps their implementation could give you some inspiration.