search

Spiderpig86 / Cirrus

:cloud: The SCSS framework for the modern web.
https://www.cirrus-ui.com/
MIT License
1.37k stars 75 forks source link

[Feature] Dark Mode option? #272

Closed StupidRepo closed 4 months ago

StupidRepo commented 6 months ago

I would love if there is a way to enable a dark mode theme, kind of similar to how Bootstrap does it. e.g. Using Bootstrap, adding data-bs-theme="dark" to the html tag makes the whole page becomes nice and dark.

Thanks in advance!

Spiderpig86 commented 5 months ago

The good news is that dark mode support via classes like dark:text-white is coming. https://github.com/Spiderpig86/Cirrus/blob/master/src/internal/_generator_v2.scss#L26

However, I have no plans to support switching to a darker color palette for all page elements with a single attribute.

StupidRepo commented 4 months ago

Oh that's a shame. In the end, I ended up making my own styles for dark mode, and applying that to the page. It had a few issues, however I managed to get everything working in the end!