Top

Dark layout


No need to change any js or css files.

If you want to change layout to dark mode you need to add dark-only class with your body tag

<body class="dark-only">

</body>

Dark Mode Icon Html

<div class="mode"><i class="fa fa-moon-o"></i></div>

Javascript To Toggle Dark mode

$(".mode").on("click", function () {
    $('.mode i').toggleClass("fa-moon-o").toggleClass("fa-lightbulb-o");
    $('body').toggleClass("dark-only");
    var color = $(this).attr("data-attr");
    localStorage.setItem('body', 'dark-only');
});

Dark layout page