It is easy to enable the dark mode, follow these two steps so that dark mode can be enabled in your web app:
Since the main CSS file from this framework (which goes with the name
phi.min.css), doesn't have the dark mode CSS included in it, to keep the functionality focused on specific elements. You need to include the other file with having the name
<link href="https://email@example.com/dist/phi.css" rel="stylesheet">
Add the class
.dark to the container element for which you need to enable the dark mode.
Generally, dark mode is enabled for the whole page. But if you have any specific requirement, then you can enable it to any specific section or any div by adding the
.dark class in the class list of that particular element, this way:
Want to see how it actually looks in action, head over to this link.