Dark Theme / Global Themes

Everybody likes dark themes.

Before applying themes to your app, you need to apply theme variables to your content. We explain how to do it, and which are the available themes variables here : Guides > Themes > A Primer on Swatch Themes.

Enabling dark theme in Swatch is as easy as applying the class ui-dark to any root element or wrapper, for instance :

Live Editor
Result

Some news article

A detailed reason for you to read the article

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla ligula vel mollis ultrices. Proin sodales faucibus sodales. Ut libero nisi, venenatis in neque interdum, ullamcorper scelerisque erat. Phasellus non lectus nisl. Quisque vel laoreet libero. Cras mi ante, efficitur a tincidunt ac, cursus at metus. Morbi porttitor magna non ipsum porttitor, vitae scelerisque arcu ullamcorper. Aenean non sapien vel leo aliquam dictum in in metus. In et elit mauris. Pellentesque ac pharetra erat.