Dark Mode

How to Switch Dark Mode?

You can easily switch the theme of the application by clicking the moon/sun icon in the top right corner of the application.

You can easily add theme changer using this code :
        <button id="darkModeToggle" aria-label="dark mode switch" class="topbar-btn">
    <i class="las la-sun text-2xl dark:hidden"></i>
    <span class="hidden text-n30 dark:block">
    <i class="las la-moon text-2xl"></i>
    </span>
</button>

<div class="flex gap-4 mt-6">
    <button class="theme-btn" id="light-btn">
    <i class="las la-sun"></i>
    <span>Light </span>
    </button>
    <button class="theme-btn" id="dark-btn">
    <i class="las la-moon"></i>
    <span>Dark </span>
    </button>
</div>

Custom Css for Dark Mode

You can write your own custom css for dark mode by overriding the default css. use this following code to write your own custom css for dark mode.

            
.dark  //selector{

}

This code only works in dark mode.