Dark Mode for AdminLTE

mobhar · Post by **mobhar** » Tue May 17, 2022 6:38 pm

Please provide the AdminLTE Dark option from HTML -> Theme -> Theme, so that it will automatically adjust the related settings from the CSS variables below.

Thank you.

vintoICT · Post by **vintoICT** » Mon May 23, 2022 9:38 pm

stefano · Post by **stefano** » Sun Jun 19, 2022 2:03 pm

yinsw · Post by **yinsw** » Tue Nov 29, 2022 12:29 pm

malsonique · Post by **malsonique** » Fri Dec 02, 2022 10:41 am

It should be even better if user can choose either:

light mode;
dark mode;
system default;

yusufnalbantoglu · Post by **yusufnalbantoglu** » Mon Dec 05, 2022 4:29 pm

arbei · Post by **arbei** » Tue Dec 06, 2022 10:27 am

Bootstrap 5.2 does not fully support dark mode yet, AdminLTE 3.2 supports dark mode for Bootstrap 4 only, so I believe there is no official support on dark mode yet. However, since PHPMaker v2023 customized AdminLTE 3.2 for Bootstrap 5.2, there is some basic support on dark mode. Under the HTML -> Theme tab, search "enable-dark-mode", generate all scripts again, then you should be able to enable dark mode by adding the CSS class "dark-mode" to the <body> tag. (Remember to press Ctrl + F5 in your browser to refresh the .css files.)

mobhar · Post by **mobhar** » Wed Dec 07, 2022 12:21 pm

It works properly. Thank you.

yusufnalbantoglu · Post by **yusufnalbantoglu** » Tue Dec 20, 2022 1:39 am

How to add dark-mode css class to body tag?

mobhar · Post by **mobhar** » Tue Dec 20, 2022 8:27 am

You may customize the generated src/config.php file, see the BODY_CLASS part.

malsonique · Post by **malsonique** » Wed Dec 28, 2022 10:33 am

I think it will be even better if the template can provide a dropdown menu for user to choose light or dark mode by clicking a brush icon on upper right corner, just like this forum. :D

mishanian · Post by **mishanian** » Tue Feb 14, 2023 10:57 pm

drop down Level selection of Mode is needed

Post by **Webmaster** » Tue Sep 05, 2023 8:13 pm

Try v2024.

mobhar · Post by **mobhar** » Tue Sep 05, 2023 10:32 pm

Thanks.

However, when we use sidebar-light-* class for the Sidebar from Theme -> AdminLTE -> Sidebar class, then after switching it to dark-mode, the Sidebar still remains in light-mode.

Just a friendly suggestion, the Sidebar should be able to adjust to dark-mode, too. It is too dazzled to see the white Sidebar in a dark-mode display.

Post by **Webmaster** » Mon Sep 18, 2023 3:05 pm

Try v2024.1.

mobhar · Post by **mobhar** » Mon Sep 18, 2023 3:40 pm

Thanks, now it works as expected.